jquery
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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获取所有
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; }
以上是关于jquery的主要内容,如果未能解决你的问题,请参考以下文章
markdown 在WordPress中使用jQuery代码片段