jQuery属性选择器使用

发布时间：11个月前作者：老郭热度： 1554 ℃评论数：

# jQuery属性选择器使用

```
	[attributr]用法：$("div[id]");
				匹配包含给定属性的元素

[attributr=value]用法：$("input[name=newsletter]");
				匹配给定的属性是某个特定值的元素

[attributr!=value]用法：$("input[name!='newsletter']");
				匹配给定的属性是不包含某个特定值的元素

[attributr^=value]用法：$("input[name^='news']");
				匹配给定的属性是以某些值开始的元素

[attributr$=value]用法：$("input[name$='newsletter']");
				匹配给定的值是以某些值结尾的元素

[attributr*=value]用法：$("input[name*='newsmain']");
				匹配给定的属性是以包含某些值的元素

[selector1][selector2][selectorN]
				$("input[id][name$='main']")
	//并且选择器，需要同事满足多个条件时使用

//①[name]节点必须有"name"属性
	$("[size]").css('background-color','pink');
	
	//②[name = value]节点必须有"name"属性,其值等于"value"
	$("[size=30]").css('color','red');
	
	//③[name ^= value]节点必须有"name"属性,其值以value开始
	$("[value^=to]").css('font-size','27px');
	
	//④[name$=value]节点必须有"name"属性,其值以value结尾
	$("[value$=63]").css('width','470px');
	
	//⑤[name]节点必须有"name"属性
	//A.节点如果有name属性，则其值不等于’value‘
	//B.节点没有name属性
	$("[calss!=orange]").css('background-color','gray');
	
	//⑥[name$=value]节点必须有"name"属性,其值必须出现value字样
	$("[calss*=an]").css('color','red');
	
	//⑦[][][][]并且关系，同时满足多个条件
	//我们需要的节点：有此class属性，并且属性值不等于“orange”
	//$(s1s2s3s4)获得的节点需要蛮子s1/s2/s3/s4等多个条件
	$("[class][calss!=orange]").css('background-color','lightblue');
	$("[size][value^=t][name]input").css('width','500px');

<body>
	<h2 class="orange">属性选择器</h2>
	<input type="text" name="" value="tom"><br>
	<input type="text" name="useremail" value="tom@163.com"><br>
	<input type="text" name="usertel" value="123456789101"><br>
	<input type="text" name="userqq" value="987987979"><br>
	<input type="text" name="" value="触发" onclick="f1()"><br>
</body>

```

jQuery,属性选择器

上一篇：jQuery的事件加载机制

下一篇：jQuery基本动画效果

栏目导航

Ajax是什么？ 594 ℃
网站禁止浏览器缓存 693 ℃
Ajax之get方式请求 2008 ℃
Ajax之post方式请求 1580 ℃
Json使用 534 ℃
无刷新表单信息提交 781 ℃
使用Ajax中$.post方法前台获取json数据，将数据转换为... 1080 ℃
细说jQuery的选择器 773 ℃
jQuery的属性操作 1570 ℃
jQuery快捷操作 679 ℃
jQuery对象与dom对象关系 2148 ℃
jQuery的事件加载机制 898 ℃
jQuery属性选择器使用 1554 ℃
jQuery基本动画效果 1710 ℃
利用Ajax技术实现天气预报接口 749 ℃

jQuery属性选择器使用

栏目导航

相关文章

微信小程序

手机扫码访问