先让文档就绪,保证jQuery在操作DOM前,文档内容已经全部加载完成了
还有一种简略写法:
推荐使用
一般用法是这样:
写很多函数
然后在文档就绪事件中,调用这些函数
这里的选择器和 js 中的选择器差不多,就介绍几个 js 中没有的
==注意:==在写选择器中的内容的是有,一定要使用双引号括起来
通过这种方式,就能获得 lable 紧邻的 input
这个 input,和 form 是同辈的:
通过下面的方式,可以获取
匹配所有的可见或不可见的元素
这里,再放上JQ的所有选择器参考手册
选择器实例选取*$("*")所有元素#id$("#lastname")id=“lastname” 的元素。class$(".intro")class=“intro” 的所有元素。class,.class$(".intro,.demo")class 为 “intro” 或 “demo” 的所有元素element$(“p”)所有
元素
el1,el2,el3$(“h1,div,p”)所有 :first$(“p:first”)第一个
元素
:last$(“p:last”)最后一个
元素
:even$(“tr:even”)所有偶数 :odd$(“tr:odd”)所有奇数 :first-child$(“p:first-child”)属于其父元素的第一个子元素的所有
元素
:first-of-type$(“p:first-of-type”)属于其父元素的第一个
元素的所有
元素
:last-child$(“p:last-child”)属于其父元素的最后一个子元素的所有
元素
:last-of-type$(“p:last-of-type”)属于其父元素的最后一个
元素的所有
元素
:nth-child(n)$(“p:nth-child(2)”)属于其父元素的第二个子元素的所有
元素
:nth-last-child(n)$(“p:nth-last-child(2)”)属于其父元素的第二个子元素的所有
元素,从最后一个子元素开始计数
:nth-of-type(n)$(“p:nth-of-type(2)”)属于其父元素的第二个
元素的所有
元素
:nth-last-of-type(n)$(“p:nth-last-of-type(2)”)属于其父元素的第二个
元素的所有
元素,从最后一个子元素开始计数
:only-child$(“p:only-child”)属于其父元素的唯一子元素的所有
元素
:only-of-type$(“p:only-of-type”)属于其父元素的特定类型的唯一子元素的所有
元素
parent > child$(“div > p”)
元素的直接子元素的所有
元素
parent descendant$(“div p”)
元素的后代的所有
元素
element + next$(“div + p”)每个
元素相邻的下一个
元素
element —— siblings$(“div —— p”)
如果您觉得本文的内容对您的学习有所帮助:
关键字:
WEB