jQuery 如何获取元素
一、根据标签属性或者属性值获取
- 根据属性获取元素
$("p[id]').css("color","red");
这是获取页面p标签中枢性有id的元素
- 根据属性值获取元素
[attribute$=value],匹配给定的属性事宜某些值得结尾的元素。
[attribute!=value]，匹配所有不含有指定的属性，或者属性不等于特定值得元素，等驾驭：not([attr=value])
[attribute*=value],匹配给定的属性是以包含某些值得元素。
@：匹配包含给定属性的元素。
[attribute^=value]： 匹配给定的属性是以某些值得开始的元素
- 根据标签选择器以及父子节点获取指定元素
- 根据下标获取元素
<script type="text/javascript">
$(function(){
$("p").eq(2).css("color","red");
$("p").eq(3).css("color","red");
})
</script>
- 获取指定条件一致和指定范围的元素
<script type="text/javascript">
$(function().css("color","red");
})
("p").slice(5,7).css("color","red");
})
</script>
* 获取与条件表达式一致的元素
<script type="text/javascript">
jQuery(function){
$("p").each(function(){
switch(true){
case$(this).is(".center"):
$(this).css("color","red");
break;
case$(this).is(".aa"):
$(this).css("color","yellow");
break;
}
})
})
</script>
- 获取元素的上一个元素和下一个元素
//获取元素的下一个元素
jQuery(function(){
$("p").next(".yes").css("color"."red");
})
//获取元素的上一个元素
jQuery(function(){
$("p").prev(".yes").css("color","red");
})
- 获取元素的父元素和子元素
//获取元素的父元素
jQuery(function(){
$("p").parent().css("color","red");
})
//获取元素的子元素
jQuery(function(){
$("#aa").children(".yes").css("color","red");
})
jQuery 的链式操作是怎样的
一、增
$('body')//获取document.body
$('body').append($(<div>1</div>))//添加小儿子
$('body').append('<div>1</div>')//更方便添加
$('body').prepend(div或$div)//添加大儿子
$('#test').after(div或$div)//添个弟弟
$('#test').before(div或$div)//添个哥哥
二、删
$div.remove()
$div.empty()
三、改
$div.text(?)//读写文本内容
$div.html(?)//读写HTML内容
$div.attr('title',?)//读写属性
$div.css({color:'red'})//读写style//$div.style更好
$div.addClass('blue')/removeClass/hasClass
$div.on('click',fn)
$div.off('click',fn)
//$div可能对应了多个div元素
「资料来源：饥人谷」
