zoukankan      html  css  js  c++  java
  • jquery中一些常用方法总结

    1、EL表达式:

      EL表达式最常用的场景是前后台传递数据,数据格式通常是字符串和list,范围一般是request,用法如下:

      后台java代码:

     1 String str = "hello world";
     2 request.setAttribute("str",str);
     3 
     4 List<Map> list = new ArrayList<Map>();
     5 Map map1 =new HashMap();
     6 map1.put("key","key1");
     7 map1.put("value","value1");
     8 Map map2 = new HashMap();
     9 map2.put("key","key2");
    10 map2.put("value","value2");
    11 list.add(map1);
    12 list.add(map2);
    13 request.setAttribute("list",list);

      前台进行取值时,一般有两种方式:一种是在标签内直接使用,另一种则是在js中获取。用法如下:

      HTML代码:

    <input type="text" value="${str}"/>
    
    <c:forEach items="${list}" var="Li" varStatus="i">
        <option value="${Li.key}">${Li.value}</option>
    </c:forEach>

      js代码:

    var str = "${str}";
    
    var key1 = "${list[0].key}";
    var value1 = "${list[0].value}";
    var key2 = "${list[1].key}";
    var value2 = "${list[1].value}";

     2、jquery中下拉框、单选按钮和复选框设置默认值:

      jquery代码:

     1 <body>
     2     <select id="sele">
     3         <option value="op1">val1</option>
     4         <option value="op2">val2</option>
     5         <option value="op3">val3</option>
     6         <option value="op4">val4</option>
     7     </select>
     8 
     9     <input type="radio" id="ra" checked="checked"/>单选按钮 //默认选中
    10     <input type="checkbox" id="cb" checked="checked"/>复选框 //默认选中
    11 </body>
    12 
    13 <script type="text/javascript">
    14     $(document).ready(function(){
    15         $("#sele").val("op3");//设置val3为默认值
    16         $("#ra").attr("checked",false);//取消选中
    17         $("#cb").attr("checked",false);//取消选中
    18     });
    19 </script>

     3、jquery中判断一个字符串中是否含有特定的子字符串:

      可以使用indexOf()方法:

    var str = "hello world";
    var substr = "hell";
    if(str.indexOf(substr,0)>=0){
      alert("包含");  //弹框显示"包含"
    }else{
      alert("不包含");  
    }

    4、children()、parent()、find()和parents()方法的区别:

      children()表示所选标签的子代,只有儿子代;

      parent()表示所选标签的父代,只有父亲代;

      find()表示所选标签的后代,包括儿子代、孙子代······,一直向下直到最底一代;

      parents()表示所选标签的父代,包括父亲代、爷爷代······,一直向上直到最顶一代;

      以上四种方法均可以使用筛选条件,如children("#id1"),表示儿子代中id为id1的后代。

    5、获取焦点和失去焦点:

      focus(),获取焦点,如$("#input1").focus()。

      blur(function(){}),失去焦点时触发函数function,如$("input2").blur(function(){alert("失去焦点!")});

  • 相关阅读:
    绝对定位和相对定位的内幕
    水平居中和垂直居中
    玩转html5<canvas>画图
    基本排序算法
    很好用的canvas
    IE浏览器存在的setAttribute bug
    js 高程 函数节流 throttle() 分析与优化
    js apply()、call() 使用参考
    js 高程 22.1.4 函数绑定 bind() 封装分析
    事件处理程序中 this 的指向
  • 原文地址:https://www.cnblogs.com/shenxianjushi/p/4053559.html
Copyright © 2011-2022 走看看