网站建设资讯

NEWS

网站建设资讯

jquery选择器属性,jquery的属性选择器

jquery的选择器有哪些

1、基本选择器:

创新互联建站服务项目包括克东网站建设、克东网站制作、克东网页制作以及克东网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,克东网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到克东省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

#id 、element 、.class 、* 、selector1,selector2,selectorN

2、层次选择器:

ancestor descendant 、parent child 、prev + next 、prev ~ siblings

3、基本过滤器选择器

:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、

:animated

4、内容过滤器选择器

:contains 、:empty 、:has 、:parent

5、可见性过滤器选择器

:hidden 、:visible

6、属性过滤器选择器

[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]

7、子元素过滤器选择器

:nth-child 、:first-child 、:last-child 、:only-child

8、表单选择器

:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button

、:file 、:hidden

9、表单过滤器选择器

:enabled 、:disabled 、:checked 、:selected

Jquery的属性选择器

!DOCTYPE html

html

head

titleDemo/title

/head

body

div name = "userName" id = "div1"/div

div name = "please" id = "div2"/div

div name = "bike" id = "div3"/div

div name = "thanks" id = "div4"/div

/body

script

src=""

integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="

crossorigin="anonymous"/script

script type="text/javascript"

var $name1 = $("[name='userName']");// 获取name属性的值等于userName的页面元素

var $name2 = $("[name^='p']");// 获取name属性的值以p为首字母的页面元素

var $name3 = $("[name$='e']");// 获取name属性的值以e结尾的页面元素

var $name4 = $("[name*='a']");// 获取name属性的值包含a的页面元素

console.log($name1,$name2,$name3,$name4)

/script

/html

这些属性选择器在jquery官方文档上都有示例和详细的描述

网页链接

jquery属性选择器中属性指的是什么意思

jquery属性选择器中属性指的是元素的属性,比如input 的input;a color=""的color。


分享名称:jquery选择器属性,jquery的属性选择器
分享地址:http://njwzjz.com/article/dsipcis.html