jQuery选择器(一)

来源:互联网 发布:java建网站 编辑:程序博客网 时间:2024/06/16 01:05

一、基本选择器
1、id选择器

选择器:#id
描述:根据给定的id匹配一个元素
返回:单个元素
示例:改变id为mydiv的元素的背景色

<script type="text/javascript">    $(document).ready(function(){        //id选择器        $("#mydiv").css("background","#f96");     });</script>

2、class选择器
选择器:.class
描述:返回给定的类名匹配的元素
返回: 集合元素
示例:改变class为mini的所有元素的背景色

<script type="text/javascript">    $(document).ready(function(){        //class选择器        $(".mini").css("background","#f96");     });</script>

3、元素选择器
选择器:element
描述:根据给定的元素名匹配元素
返回:集合元素
示例:改变元素名是<div>的所有元素的背景色

<script type="text/javascript">    $(document).ready(function(){        //element选择器        $("div").css("background","#f96");     });</script>

4、所有元素选择器
选择器:*
描述:改变匹配的所有html标签元素
返回值:集合元素
示例:改变html所有元素标签的背景色

<script type="text/javascript">    $(document).ready(function(){        //*选择器        $("*").css("background","#f96");     });</script>

5、多种元素选择器
选择器:selector,selector2,...selectorN
描述:将每一个选择器匹配到的元素合并后一起返回
返回:集合元素
示例:改变class名为mini和段落p元素的背景色

<script type="text/javascript">    $(document).ready(function(){        //selector1,selector2,...selectorN选择器        $(".mini,p").css("background","#f96");     });</script>

 

 

jQuery选择器(一)

jQuery选择器(二)

jQuery选择器(三)

jQuery选择器(四)

 

0 0
原创粉丝点击