好程序员带你认识“jQuery”-创新互联

　　 好程序员 带你认识 “jQuery” ， jQuery是JavaScript的一个类库，$符号它对于jQuery他们是等价的，$(""li)找到所有的li。下面，跟着 好程序员 的脚步，去了解一下它的选择器的一些主要功能。

创新互联公司致力于网站建设,网站制作设计,营销网页定制网站设计,外贸营销网站建设,企业网站建设,小程序定制开发,网站SEO优化,网站设计制作案例丰富,是成都做网站公司和建站公司,欢迎咨询。

　　选择器 :基本选择器、层级选择器、属性选择器与CSS类似。

　　 基本筛选器

　　$('li:first') //第一个元素

　　$('li:last') //最后一个元素

　　$("tr:even") //索引为偶数的元素，从 0 开始

　　$("trdd") //索引为奇数的元素，从 0 开始

　　$("tr:eq(1)") //给定索引值的元素

　　$("tr:gt(0)") //大于给定索引值的元素

　　$("tr:lt(2)") //小于给定索引值的元素

　　$(":focus") //当前获取焦点的元素

　　$(":animated") //正在执行动画效果的元素

　　first()

　　last()

　　next() nextAll()

　　prev() prevAll()

　　siblings 除了自身以外的数

　　find() 空格 查找后再元素 find(“p”)

　　chilren() 查找子代

　　$(“li.box”) 等价于filter

　　 内容选择器

　　$("div:contains('nick')") //包含nick文本的元素

　　$("td:empty") //不包含子元素或者文本的空元素

　　$("div:has(p)") //含有选择器所匹配的元素

　　$("td:parent") //含有子元素或者文本的元素

　　 表单选择器

　　$(":input") //匹配所有 input, textarea, select 和 button 元素

　　$(":text") //所有的单行文本框

　　$(":password") //所有密码框

　　$(":radio") //所有单选按钮

　　$(":checkbox") //所有复选框

　　$(":submit") //所有提交按钮

　　$(":reset") //所有重置按钮

　　$(":button") //所有button按钮

　　$(":file") //所有文件域

　　$("input:checked") //所有选中的元素

　　$("select option:selected") //select中所有选中的option元素

　　 筛选器

　　过滤

　　$("p").eq(0) //当前操作中第N个jQuery对象,类似索引

　　$('li').first() //第一个元素

　　$('li').last() //最后一个元素

　　$(this).hasClass("test") //元素是否含有某个特定的类,返回布尔值

　　$('li').has('ul') //包含特定后代的元素

　　查找

　　$("div").children() //div中的每个子元素,第一层

　　$("div").find("span") //div中的包含的所有span元素,子子孙孙

　　$("p").next() 　　　//紧邻p元素后的一个同辈元素

　　$("p").nextAll() //p元素之后所有的同辈元素

　　$("#test").nextUntil("#test2") //id为"#test"元素之后到id为'#test2'之间所有的同辈元素,掐头去尾

　　$("p").prev() //紧邻p元素前的一个同辈元素

　　$("p").prevAll() //p元素之前所有的同辈元素

　　$("#test").prevUntil("#test2") //id为"#test"元素之前到id为'#test2'之间所有的同辈元素,掐头去尾

　　$("p").parent() //每个p元素的父元素

　　$("p").parents() //每个p元素的所有祖先元素,body,html

　　$("#td1").parentsUntil("#td2") //id为"#td1"元素到id为'#td2'之间所有的父级元素,掐头去尾

　　$("div").siblings() //所有的同辈元素,不包括自己

　　CSS操作

　　样式

　　$("p").css("color"); //访问查看p元素的color属性

　　$("p").css("color","red"); //设置p元素的color属性为red

　　$("p").css({ "color": "red", "background": "yellow" });

　　//设置p元素的color为red，background属性为yellow(设置多个属性要用{}字典形式)

标题名称：好程序员带你认识“jQuery”-创新互联
分享网址：https://www.cdcxhl.com/article32/ehdsc.html

成都网站建设公司_创新互联，为您提供全网营销推广、网站营销、域名注册、品牌网站建设、响应式网站、小程序开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联