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

  • 相关阅读:
    MySql 分页存储过程
    Wireshark图解教程
    Android全局变量使用
    Memcache存储大数据的问题
    论这场云盘大战,以及各网盘的优劣
    [MySQL CPU]线上飙升800%,load达到12的解决过程
    一步一步写算法(之排序二叉树)
    platform_device与platform_driver
    SPOJ 130
    Java实现 蓝桥杯VIP 算法训练 奇偶判断
  • 原文地址:https://www.cnblogs.com/yuxiaorong/p/2245654.html
Copyright © 2011-2022 走看看