JavaScript函数库.jQuery

jQuery使用方法

  一、选择网页元素jQuery的基本设计和主要方法,就是“选择某个网页元素,然后对其进行某种操作”,这是它区别与其他函数库的根本特点。

    使用jQuery第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。

    选择表达式可以是css选择器:

    $(document)    //选择整个文档对象

    $(‘#myId‘)      //选择ID为myid的网页元素

    $(‘div.myClass‘)     //选择class为myclass的div元素

    $(‘input[name=first]‘)  //选择name属性等于first的input元素

    也可以是jQuery特有的表达式:

    $(‘a:first’)      //选择网页中第一个a元素

    $(‘tr:odd’)      //选择表格的奇数行

    $(‘#myfrom:input’)  //选择表单中的input元素

    $(‘div:visible’)    //选择可见的div元素

    $(‘div:gt(2)’)    //选择所有的div元素,除了前三个

    $(‘div:animated’)   //选择当前处于动画状态的div元素

  二、改变结果集

    如果选中多个元素,jQuery提供过滤器,可以缩小结果集

    $(‘div’).has(‘p’)      //选择包含p元素的div元素

    $(‘div’).not(‘.myclass‘);  //选择class不等于myclass的div元素

    $(‘div’).filter(‘.myclass’)   //选择class等于myclass的div元素

    $(‘div’).first()       //选择第一个div元素

    $(‘div’).eq(5)       //选择第六个div元素

    有些时候我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了在DOM树上的移动方法:

    

原文地址:https://www.cnblogs.com/jacky912/p/10399430.html

时间: 2024-10-11 12:18:15

JavaScript函数库.jQuery的相关文章

jQuery使用最广泛的javascript函数库

网站建设中,jQuery之最方便的的库了,当用到其中的JavaScript函数库的时候,不禁会想居然还有这么简单的操作? 一.选择网页元素 jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作".这是它区别于其他Javascript库的根本特点. 使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素. 选择表达式可以是CSS选择器: $(document) //选择整个文档对象 $('#myId

ABP展现层——Javascript函数库

ABP展现层——Javascript函数库 点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称. ABP的官方网站:http://www.aspnetboilerplate.com ABP在Github上的开源项目:https://github.com/aspnetboilerplate ASP.NET Boil

ABP(现代ASP.NET样板开发框架)系列之21、ABP展现层——Javascript函数库

点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称. ABP的官方网站:http://www.aspnetboilerplate.com ABP在Github上的开源项目:https://github.com/aspnetboilerplate ASP.NET Boilerplate的js库提供了一些让javas

Yahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库

Yahoo! UI Library?(YUI) 是一个开放源代码的 JavaScript 函数库,为了能建立一个高互动的网页,它采用了AJAX, DHTML 和 DOM 等程式码技术.它也包含了许多 CSS 资源.使用授权为?BSD许可证 ? YUI 包含完整的说明文件.它包含了两种元件: 工具与控件[2],和一些 CSS 资源. 工具 动画 协助达成位置移动.大小改变.透明度和其他的网页效果. 浏览器历史纪录管理工具 协助网页程式使用浏览器之上一页与书签(我的最爱)工具. 连线工具 协助管理跨

JavaScript加密库jQuery.md5.js

JavaScript简单的MD5加密库jQuery.md5.js,简单用法如下: //Create (hex-encoded) MD5 hash of a given string value: var md5 = $.md5('value'); //Create (hex-encoded) HMAC-MD5 hash of a given string value and key: var md5 = $.md5('value', 'key'); //Create raw MD5 hash o

JavaScript 框架库 - jQuery

jQuery 是一个 JavaScript 库. 引用 jQuery <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> </head> <body> </body> </html> 一.jQu

javascript函数库

//构造缓存函数 var memoizer = function (memo, fundamental) { var shell = function (n) { var result = memo[n]; if (typeof result !== 'number') { result = fundamental(shell, n); memo[n] = result; } return result; }; return shell; };

javascript之 JavaScript 工具库

javascript之 JavaScript 工具库jQuery 目录: 一.查找标签和事件绑定以及操作标签的对比 二.DOM对象和jquery的转换 三.$(document).ready( )  四.链式操作 五.元素的操作:取值和赋值 六.元素的操作:移动 七.工具方法 八.特殊效果 一.查找标签和事件绑定以及操作标签的对比 1.查找标签的对比*** (1)原生javascript document.getElementsByClassName("classname");//根据

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <