热门关键字:
jquery > jquery教程 > jquery教程 > JQuery 简明教程

JQuery 简明教程

376
作者:管理员
发布时间:2021/5/17 17:45:44
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4723
  先让文档就绪,保证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
友荐云推荐