标签：
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<!--<link href="css.css" type="text/css" rel="stylesheet"/>-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="jquery-2.1.3.js"></script>
<script src="js2.js" ></script>
<!--<script ></script>-->
</head>
<body>
<div id="div1">id选择器</div>
<span class="div2">class类选择器</span>
<p>你好</p>
</body>
</html>
js
/**
* Created by Administrator on 2015/4/4 0004.
*/
$(function(){
$(‘#div1‘).css(‘color‘,‘red‘)
});
$(function(){
$(‘.div2‘).css(‘color‘,‘blue‘)
})
$(function(){
$(‘p‘).css(‘color‘,‘red‘)
})
//length or size()返回个数
//$(‘div‘).eq(int).css()获取指定的一个div信息
//在css里面求指定节点如 #box >p{
// key:value}这样表示获取子节点，然后进行设置
/*如
<div id=‘box‘>
<p></p>这是子节点
<div>
<p></p>这是孙子节点
</div>
</div>
*/
/*在jq中处理方法与css类似，如下
$(‘#box >p‘).css(attr,attr)
判断节点是否存在
if($(‘.class‘).size()>0{
...}
判断dom节点是否存在
$(‘‘).get(int) or $(‘‘)[int]:从0开始)
*/
/*群组选择器
*obj,.class,#id{obj,obj}这是css方法
* jq使用方法:$(‘obj,.class,#id‘).css(obj,obj)
例子:
<span></span>
<p id=id></p>
<h1 class="class"></h1>
后代选择器:ul li a{}
$(ul li a).css()
通配符 *{}
$(‘*‘).css（）
可以在选择器前缀加标签
$(‘p.class‘)
多级类选择器
$(.class1.class2).css()
高级选择器
1：层次选择器
后代选择器
$(# p).css()
$(‘#id‘).find(p).css()
$(标签,id/class).css()
子选择器
$(‘#id>p‘).css()
$(‘#‘).children(p).css()
next选择器:要同级
$(‘#div+p‘).css()
$(‘#‘).next(p).css()
nextall()选择器（后面所有同级节点）
#id~p{}
$(‘#‘).nextAll(p).css()
同级上一个节点
$(id).prev().css()
同级上面全
$(id).prevALL().css()
同级非指定元素，遇到则停止
prevUntil()
nextUntil()
结合上面2个方法的功能方法如下
上下同级
siblings()
2：属性选择器
*/
<a title>aaa</a>
<a title==bb></a>
具有这个属性，且开关进行匹配
<a title^==‘bb‘></a>
$(‘a[title]‘).css()
$(‘a[title==bb]‘).css()
<a bb=‘1‘ cc=2></a>
$(a[bb==1][cc==2]).css()
*/
说明（cnds博客查找到的,他的博客地址：http://blog.csdn.net/a85907468/article/details/4494049）
jquery的属性选择器分以下几种用法。
$("div[id]") 查找所有含有 id 属性的div元素。
$("div[id=‘ajaxa‘]") 查找 id 为 ajaxa 的 div 元素。
$("div[id!=‘ajaxa‘]") 查找 id 不为 ajaxa 的 div 元素。
$("div[id^=‘ajaxa‘]") 查找 id 以 ajaxa 开头的 div 元素。
$("div[id$=‘ajaxa‘]") 查找 id 以 ajaxa 结尾的 div 元素。
$("div[id*=‘ajaxa‘]") 查找 id 含 ajaxa 的 div 元素。
$("div[id^=‘ajaxa‘]") 查找 id 以 ajaxa 开头的 div 元素。
$("div[id][class=‘ajaxa‘]") 查找存在id属性并且类为ajaxa的 div 元素。
http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
过滤选择器1
$(‘li:first‘).css()选择第一个过滤器
$(‘li:last‘).css()选择最后一个过滤器
如果要指定一个过滤器，使用id,class如下
$(‘#id li:last‘).css() or
$(‘li:first li:last‘).css()
除去指定的id class
$(‘li:not(:red)‘).css()
*/
内容过滤器
可见性过滤器
标签：
原文地址：http://www.cnblogs.com/mhxy13867806343/p/4392651.html
