JavaScript函数库.jQuery

Posted 2021-02-09 jacky912

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树上的移动方法：