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

  • 相关阅读:
    8. String to Integer (atoi) Java Solutin
    171. Excel Sheet Column Number Java Solutin
    217. Contains Duplicate Java Solutin
    242. Valid Anagram Java Solutin
    258. Add Digits Java Solutin
    win7刷新图标缓存
    [转]如何编程实现 2 + 2 = 5?
    [转]Java FileInputStream与FileReader的区别
    Excel中连接函数CONCATENATE()
    [转]Web基础架构:负载均衡和LVS
  • 原文地址:https://www.cnblogs.com/yuxiaorong/p/2245654.html
Copyright © 2020-2023  润新知