1.$.grep
1 $('#btn_Search').on('click', function () { 2 kw = $('#KeyValue').val(); 3 //alert("关键字为==>"+kw); 4 if (kw != '') { 5 $('#gridtable').jfGridSet('refreshdata', data); 6 } 7 else { 8 var fiterdata = $.grep(data, function (item) { 9 return item.Floor.indexOf(kw) > -1 || 10 item.FormatsName.indexOf(kw) > -1 || 11 item.ShopName.indexOf(kw) > -1 || 12 item.PersonalName.indexOf(kw) > -1 || 13 item.Position.indexOf(kw) > -1 || 14 item.Phone.indexOf(kw) > -1 15 }); 16 $('#gridtable').jfGridSet('refreshdata', fiterdata); 17 } 18 });
2.find
var radioValue = $(this).find('input:checked').val();
$("#table tr:gt(0) td>input:checkbox:checked");
1.选择器 * 匹配所有元素. 2.（selector1,selector2,selector3） <div>div</div> <p class="myClass">p class="myClass"</p> <span>span</span> <p class="notMyClass"><p class="notMyClass"</p> jquery代码： $("div,span,p.myClass") 3.ancestor descendant (在给定的祖先元素下匹配所有的后代元素) eg: $("form input") //找到form下的input元素 4.parent > child 在给定的父元素下匹配所有的子元素 eg: $("form > input") 5.匹配所有紧接在 prev 元素后的 next 元素（prev + next） eg: <form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" /> jquery代码： $("label + input") 6.匹配 prev 元素之后的所有 siblings 元素（prev ~ siblings） 找到所有与表单同辈的 input 元素 $("form ~ input") 7.：first（获取第一个元素） $('li:first'); 8.:not(selector) 查找所有未选中的 input 元素 eg: <input name="apple" /> <input name="flower" checked="checked" /> script: $("input:not(:checked)") 9.:even匹配所有索引值为偶数的元素，从 0 开始计数 eg: <table> <tr><td>0000</td></tr> <tr><td>1111</td></tr> <tr><td>2222</td></tr> </table> $("tr:even") 10.:odd匹配所有索引值为奇数的元素，从 0 开始计数 11.:eq(index) eg: $("tr:eq(1)") //等于 $("tr:gt(0)") //大于 $("tr:lt(2)") //小于 $('li:last') //匹配最后一个 11.文档的根元素，和$(":root")选择的元素一样， 永远是<html>元素。 12.:contains(text)一个用以查找的字符串 eg： <div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair</div> <div>J. Ohn $("div:contains('John')") 13.:has(selector)一个用于筛选的选择器 eg： 给所有包含 p 元素的 div 元素添加一个 text 类 <div><p>Hello</p></div> <div>Hello again!</div> $("div:has(p)").addClass("test"); 14. :parent查找所有含有子元素或者文本的 td 元素 15. :hidden匹配隐藏的元素 :visible匹配所以可见的元素 16.$("input[name='newsletter']").attr("checked", true); 17. [attribute^=value] 查找所有 name 以 'news' 开始的 input 元素 $("input[name^='news']") [attribute$=value] 查找所有 name 以 'letter' 结尾的 input 元素 $("input[name$='letter']") [attribute*=value] 查找所有 name 包含 'man' 的 input 元素 $("input[name*='man']") 18.:nth-child从1开始的，而:eq()是从0算起的！ 19.:only-child某个元素是父元素中唯一的子元素，那将会被匹配 20.包含有哪个类 hasClass(class)用于匹配的类名 21. 进行判断 var isFormParent = $("input[type='checkbox']").parent().is("form"); $("div").text("isFormParent = " + isFormParent); 22.map(callback)把form中的每个input元素的值建立一个列表。 结果：Values: John, password, http://w3school.com.cn/ script: $("p").append( $("input").map(function(){ return $(this).val(); }).get().join(", ") ); body: <p><b>Values: </b></p> <form> <input type="text" name="name" value="John"/> <input type="text" name="password" value="password"/> <input type="text" name="url" value="http://w3school.com.cn/"/> </form> 23.has()方法检测某个元素是否在另一个元素中 24. slice(start,[end])进行筛选 $("p").slice(0, 2).wrapInner("<b></b>"); 25.closest(e|o|e)从元素本身开始，逐级向上级元素匹配，并返回最先匹配的元素。 26.off() 方法移除用.on()绑定的事件处理程序