首页 > 代码库 > jQuery选择器[一]
jQuery选择器[一]
jQuery是一个优秀的JS库，是目流最流行的JS开发库，具有简单化js操作，方法函数式开发，快速便捷。
根据id、clss、自定义属性等都 可以获取元素
jQuery所有的操作都是在$()中完成。$()是等文档加载完毕后执行里面的代码,$(function(){})==$(document).ready(function(){})
根据ID选择器获取元素
<script type="text/javascript" src="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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):
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。