2 jquery 强大的选择器

介绍选择器之前先举个例子

<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强大的选择器就说到这里,具体的选择器用法上网搜搜应该都很多。这里就不介绍了。

原文地址:https://www.cnblogs.com/yuxiaorong/p/2245654.html