码迷,mamicode.com
首页 > Web开发 > 详细

jQuery选择器[一]

时间:2014-06-28 14:44:30      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   2014   

jQuery是一个优秀的JS库,是目流最流行的JS开发库,具有简单化js操作,方法函数式开发,快速便捷。

根据id、clss、自定义属性等都 可以获取元素

jQuery所有的操作都是在$()中完成。$()是等文档加载完毕后执行里面的代码,$(function(){})==$(document).ready(function(){})

根据ID选择器获取元素

<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">

        $(funcction(){
           
              $(‘#div1‘).css(‘background‘,‘green‘);//$(‘.div1‘)是class选择器获取元素,css(‘属性‘,‘属性值‘);css()方法是jquery设置css样式的。
        })

</script>
<div id="div1"></div>    

根据class选择器获取元素

<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">

        $(funcction(){
           
              $(‘.div1‘).css(‘background‘,‘green‘);//$(‘#div1‘)获取元素,css(‘属性‘,‘属性值‘);css()方法是jquery设置css样式的。
        })

</script>
<div class="div1"></div>  

根据filter(筛选选择器)获取元素

<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">

        $(funcction(){
           
              $(‘div‘).filter(‘.div1‘).css(‘background‘,‘green‘);//筛选div元素中有class类选择器div1的元素,并且将其背景颜色设置为绿色。
        })

</script>
<div class="div1"></div> 
<div ></div>  
<div class="div1"></div>  

其他选择器一览图(来自http://www.w3cschool.cc/jquery/jquery-selectors.html):

bubuko.com,布布扣

 

jQuery选择器[一],布布扣,bubuko.com

jQuery选择器[一]

标签:style   blog   http   java   color   2014   

原文地址:http://www.cnblogs.com/hellome/p/3798325.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!