首页 技术 正文
技术 2022年11月18日
0 收藏 493 点赞 4,168 浏览 2278 个字

一.jquery等价于$

jquery选择器继承了css选择器的风格。$(“#ID”)代替了document.getElementById()函数,即通过id获取元素。$(“tagName”)代替document.getElementsByTagName()函数,通过标签名获取html元素$()获取的永远是对象,即使网页上没有此元素,因此当要用jquery检查某个元素在网页上是否存在时,不用使用判断语句if($(“#tt”)){   }而是应该根据获取到元素的长度来判断:if($(“#tt”).length>0){   }或者转化成dom对象来判断:if($(“#tt”)[0]){    }二.选择器   分为基本选择器,层次选择器,过滤选择器和表单选择器。(1).基本选择器 最常用的选择器,通过id class 和标签名等来查找dom元素。$(“#test”)    $(“.test”)  $(“p”)   $(“*”)       $(“div,span,p.myClass”)选取所有的div span和拥有class为myclass的p标签的一组元素。(2).层次选择器  通过dom元素之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素和兄弟元素等, 例子:$(“div span”)选取div里的所有的span元素   $(“div > span”)   div元素下元素名为span的子元素           $(‘.one+div’)class为one的下一个div元素    经常被next()方法代替     $(“.one”).next(“div”)    $(‘#two~div’)id为two的元素后面的所有div兄弟元素$(“#two”).nextAll(“div”)            siblings( )方法与前后位置无关,只要是同辈节点就都能匹配(3).过滤选择器通过特定的过滤规则来筛选出所需的dom元素,过滤规则可分为基本过滤,内容过滤,可见性过滤,子元素过滤盒表单对象属性过滤1.基本过滤选择器:first第一个元素:last最后一个元素:not(selector)取出所有与给定选择器匹配的元素:even选取索引时偶数的所有元素,从0开始:odd同上奇数:eq(index)索引等于index的元素:gt(index)大于index的元素:lt(index)小于…….:header所有标题元素,h1,h2,h3等等:animated 当前正在执行动画的所有元素       2.内容过滤选择器体现在它所包含的子元素或文本内容上。:contains(text)   含有文本内容为text的元素    例子:$(“div:contains(‘我’)”)  含有文本“我”的div元素:empty    不包含子元素或文本的空元素     $(“div:empty”)不包含子元素的div空元素:has(selector)含有选择器所匹配的元素的元素   $(“div:has(p)”)含有p元素的div元素:parent含有子元素或文本的元素  $(“div:parent”)拥有子元素的div元素3.可见性过滤选择器    根据元素的可见和不可见状态来选择相应的元素。:hidden    选取所有不可见的元素   需要注意不仅包括样式属性display为none的元素,也包括文本隐藏域<input type=”hidden”>和visibility:hidden之类的元素:visible    选取所有可见的元素    4.属性过滤选择器通过元素的属性来获取相应的元素$(“div[id]”)选取拥有属性id的元素$(“div[title=test]”)   选取属性title为test的div元素$(“div[title!=test]”)   不等于$(“div[title^=test]”)   以test开头的$(“div[title$=test]”)   以test结束的$(“div[title*=test]”)含有test的..[selector1][selector2][selectorN]复合选择器   例如:$(“div[id][title$=’test’]”)   拥有属性id并且属性title以test结束 的div元素   5.子元素过滤选择器       :nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素或者奇偶元素例子:$(‘div.one:nth-child(2)’)选择每个class为one的div父元素下的第2个子元素的背景色                  :nth-child(3n)每个父元素下的索引值是3的倍数的元素  :nth-child(3n+1)索引值是3n+1的 元素       :first-child每个父元素的第一个子元素  :last-child  ……….最后一个子元素:only-child   一个父元素仅有一个子元素  则选择这个子元素6.表单对象属性过滤选择器:enabled   所有可用的元素:disabled   所有不可用元素:checked  所有被选中的元素  单选框   复选框   input元素:selected  所有被选中的选项元素   下拉列表    选项元素(4)表单选择器:input:text:password:radio:checkbox:submit:image:reset:button:file  所有的上传域:hidden例子:想得到表单内表单元素的个数$(“#form1:input”).length5.选择器的注意事项

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,999
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,511
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,357
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,140
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,770
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,848