介绍选择器之前先举个例子
<input type="checkbox" value="check1"/> 多选1
<input type="checkbox" value="check2"/> 多选2
<input type="checkbox" value="check3"/> 多选3
<input type="checkbox" value="check4"/> 多选4
现在问题是要让多选3变为选中状态
ok,如果没用jquery,我们先用js来尝试实现。
<script type="text/javascript">
window.onload=function(){
var check=document.getElementsByTagName("input");
check[2].checked=true;
}
</script>
现在用jquery来实现下
<script type="text/javascript">
$(function(){
$(":checkbox:eq(2)").attr("checked","true");
})
</script>
对比下方法,就可以知道jquery选择器的强大了。js的dom操作太过复杂,每次都要通过getElementById,getElementsByName来获取对象。再进行操作。
而jquery通过选择器简单的找到对象就可以实现这个功能了。
并且jquery还具有完善的处理机制
例如就上面这个例子,如果尝试getElementById("id1")来获取页面中id=id1的对象时,由于页面中并没有这个对象,所以浏览器会报错。
而用jquery。例如$('#id1').css("color","red").即便没有这个对象只是不执行这个语句,浏览器不报错,其他功能也能正常运行。
由于这个特点,判断是否存在就必须通过一下来实现
if($('#id1').length>0){
//code
}
好了。jquery强大的选择器就说到这里,具体的选择器用法上网搜搜应该都很多。这里就不介绍了。