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()*/
![]()
![]()
内容过滤器
![]()
可见性过滤器
![]()