JQyery 选择器

基础理念：

选择器是 jQuery 的 根基 , 在 jQuery 中 , 对事件处理 , 遍历 DOM 和 Ajax 操作都依赖于选择器、

 

选择器分类：

 

标签选择器：   根据标签属性写值

 

<script>

 

$(function(){

$("h3").css("background","#09F")

});

</script>

<h3>hello!</h3>

 

类选择器：  

<script>

 

$(function(){

$(".cz").css("background","pink");

});

</script>

<h2 class="cz">helloword1</h2>

 

ID选择器：

<script>

 

$(function(){

$("#dd").css("background","pink")

});

</script>

<h3 id="dd">hello!</h3>

 并集选择器：

$("h2,dt,.title") . css ("background","#09F")

 

获取并设置所有<h2>、<dt>、class为title的元素的背景颜色。

 

交集选择器：

<script>

 

$(function(){

$("h2.cz").css("background","pink");

});

</script>

<h2 class="cz">helloword1</h2>

 

全局选择器：  （页面背景全部更改）

<script>

 

$(function(){

 

    $("*").css("background","pink");

});

</script>

属性选择器：（根据一个标签的属性）

<script>

 

$(function(){

 

       $("[class=c]").css("background","pink");

});

</script>

<h2 title="content" class="c">helloword</h2>

过滤选择器：

选取第一个元素：

$("li:first")

选取最后一个元素：

$("li:first")

选取索引为偶数的元素：

$("li:even")

选取索引为奇数的元素: 

$(“li:odd”)

基本过滤选择器：

$("li:eq(1)" )选取索引等于1的<li>元素

$(" li:gt(1)" )选取索引大于1的<li>元素（注：大于1，不包括1）

$(“li:lt(1)” )选取索引小于1的<li>元素（注：小于1，不包括1）

可见型过滤器：

$(":visible" )选取所有可见的元素

$(":hidden" ) 选取所有隐藏的元素

显示隐藏数据 

 $(" p:hidden").show();

将显示数据隐藏：

$(" p:visible").hide();

获取并设置所获获取并设置所有<h2>、<dt>、class为title的元素的背景颜色获取并设置所有<h2>、<dt>、class为title的元素的背景颜色取并设置所有<h2>、<dt>、class为title的元素的背景颜色有<h2>、<dt>、class为title的元素的背景颜色获取并设置所有<h2>、<dt>、class为title的元素的背景颜色获取并设置所有<h2>、<dt>、class为title的元素的背景颜色获取并设置所有<h2>、<dt>、class为title的元素的背景颜色 

获取并设置所有<h2>、<dt>、class为title的元素的背景颜色获取并设置所有<h2>、<dt>、class为title的元素的背景颜色获取并设置所有<h2>、<dt>、class为title的元素的背景颜色