zoukankan      html  css  js  c++  java
  • jquery

    1.选择器

    (1)通配符:

      $("input[id^='code']");//id属性以code开始的所有input标签

      $("input[id$='code']");//id属性以code结束的所有input标签

      $("input[id*='code']");//id属性包含code的所有input标签

    (2)根据索引选择

      $("tbody tr:even"); //选择索引为偶数的所有tr标签

      $("tbody tr:odd"); //选择索引为奇数的所有tr标签

    (3)获得jqueryObj下一级节点的input个数

      jqueryObj.children("input").length;

    (4)获得class为main的标签的子节点下所有<a>标签

      $(".main > a");

    (5)选择紧邻标签

      jqueryObj.next("div");//获取jqueryObj标签的后面紧邻的一个div,nextAll获取所有

    像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。

     ${empty item.id?"":id }Empty是判空 为空返回的true,不为空返回的是false 

    2.筛选器  

    //not

      $("#code input:not([id^='code'])");//id为code标签内不包含id以code开始的所有input标签

    3.工具函数、事件

    $('#someField').val($.trim($('#someField').val()));//消除空格,语法:$.trim(value)

    .bind("click",function(){}) 绑定一个click事件

    $(selector).blur(function)失去焦点时运行函数

     

    当DOM(文档对象模型)已经加载 并且页面(包括图像)已经完全呈现时 会发生ready事件

    ready()函数仅能用于当前文档 因此无需选择器

    语法一 $(document).ready(function)

    语法二 $().ready(function)

    任务系统项目代码

    <em><a href="javascript:;" onclick="taskstart(${item.id })" time="${item.beginTime }"  id="taskstart${item.id}" class="a_bg_orange ${empty item.beginTime?'':'a_bg_gray' }">开始制作</a></em>
    function taskstart(id)
      {
          var time = $("#taskstart"+id).attr("time");
        $("#taslstart"+id).attr("onclick","");
       
    if(time!=null&&time!="") { return; } $.ajax({ url:"<%=basePath%>/taskstart.shtml", type:"post", //数据发送方式 dataType:"html", //接受数据格式 (这里有很多,常用的有html,xml,js,json) data:"id="+id, //要传递的数据 error: function(){ //失败 alert("请求数据异常"); }, success: function(msg){ //成功 if(msg=="success") { $("#taskstart"+id).addClass("a_bg_gray"); $("#taskfinish"+id).removeClass("a_bg_gray"); } if(msg=="error1") { alert("不是项目负责人,不能开启任务"); return; } if(msg=="error2") { alert("系统异常,请联系管理员"); return; } } }); }
    //遍历form元素
    function execOnform(obj) {
        
        var result = true;
        var lis = obj.find("li");
        for (var x = 0; x < lis.length; x++) {
            var inputs = $(lis[x]).find("input");
            for (var i = 0; i < inputs.length; i++) {
                if ($(inputs[i]).attr("type") == "hidden") {        //略过隐藏域
                    continue;
                } else if ($(inputs[i]).attr("type") == "radio") {             //遍历radio
                    var radios = $(inputs[i]).closest("li").find("input[type=radio]");
                    var ischecked = false;
                    for (var r = 0; r < radios.length; r++) {
                        if ($(radios[r]).prop("checked") == true) {
                            ischecked = true;
                        }
                    };
                    if (!ischecked) {
                        result = false;
                        $(inputs[i]).closest("li").addClass("error");
                        break;
                    } else {
                        $(inputs[i]).closest("li").removeClass("error");
                        break;
                    }
                } else if ($(inputs[i]).attr("type") == "checkbox") {                           //遍历checkbox
                    var checkboxs = $(inputs[i]).closest("li").find("input[type=checkbox]");
                    var ischecked = false;
                    for (var c = 0; c < checkboxs.length; c++) {
                        if ($(checkboxs[c]).prop("checked") == true) {
                            ischecked = true;
                        }
                    };
                    if (!ischecked) {
                        result = false;
                        $(inputs[i]).closest("li").addClass("error");
                        break;
                    } else {
                        $(inputs[i]).closest("li").removeClass("error");
                        break;
                    }
                } else {
                    var functions = $(inputs[i]).attr("validataFunction");
                    var value = $(inputs[i]).val();
                    if (functions != null) {
                        var singlefuns = functions.split(" ");
                        for (var y = 0; y < singlefuns.length; y++) {
                            if (!exec(singlefuns[y], value)) {
                                $(inputs[i]).closest("li").addClass("error");
                                result = false;
                            } else {
                                $(inputs[i]).closest("li").removeClass("error");
                            }
                        };
                    };
                }
    
            }
    
            var selects = $(lis[x]).find("select");
            for (var i = 0; i < selects.length; i++) {
                var select = $(selects[i]).find("option:selected");
                if (select.val() == "") {
                    result = false;
                };
            };
            
            var textareas = $(lis[x]).find("textarea[class=text]");
            for (var i=0; i< textareas.length; i++){
                var textarea = $(textareas[i]);
                if(textarea.val() ==""){
                    $(textareas[i]).closest("li").addClass("error");
                    result = false;
                }else{
                    $(textareas[i]).closest("li").removeAttr("class");
                }
            };
        };
        return result;
    }



  • 相关阅读:
    Javascript之旅——第七站:说说js的调试
    Javascript之旅——第六站:看看writable特性
    Javascript之旅——第五站:说说那些所谓的包装类型
    Javascript之旅——第四站:parseInt中要注意的坑
    Javascript之旅——第三站:几个需要注意的运算符
    Javascript之旅——第二站:对象和数组
    Javascript之旅——第一站:从变量说起
    学习和使用 PHP 应该注意的10件事
    8/7排位赛,codeforces501
    8.7排位赛,codeforces501
  • 原文地址:https://www.cnblogs.com/zhengteng/p/5194753.html
Copyright © 2011-2022 走看看