jQuery少用却使用的

来源:互联网 发布:.uno域名 编辑:程序博客网 时间:2024/06/05 10:04
匹配开头的元素:$("select[id^='aaa']")匹配结尾的元素:$("select[id$='aaa']")匹配包含的元素:$("select[id*='aaa']") 



附:

 jQuery的选择器中的通配符[id^='code']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.事件//处理文本框上的键盘操作jqueryObj.keyup(function(event){var keyCode = event.which;//获取当前按下键盘的键值,回车键为13} 4.工具函数$('#someField').val($.trim($('#someField').val()));//消除空格,语法:$.trim(value)作者:沐雪文章均系作者原创或翻译,如有错误不妥之处,欢迎各位批评指正。本文版权归作者和博客园共有,如需转载恳请注明。如果您觉得阅读这篇博客让你有所收获,请点击右下方【推荐】自己倾心研发 2016最新asp.net C#微信公众平台源码 



jQuery实现id模糊查询的小例子http://www.jb51.net/article/34882.htmeg_1. 在页面中查找某id图片集合,先放到代码:复制代码 代码如下:<div id="cacheLayerContainer-CBS-882" >    <img src="" id="CBS_1_0" style="width: 256px; height: 256px">    <img src="" id="CBS_1_1" style="width: 256px; height: 256px">    <img src="" id="CBS_1_2" style="width: 256px; height: 256px">    <img src="" id="CBS_2_0" style="width: 256px; height: 256px">    <img src="" id="CBS_2_1" style="width: 256px; height: 256px">    <img src="" id="CBS_3_0" style="width: 256px; height: 256px"></div>  在其中查找id中包含"CBS_1"的img,使用$("img[id=^CBS_1]"),即可获取到复制代码 代码如下:  <img src="" id="CBS_1_0" style="width: 256px; height: 256px">   <img src="" id="CBS_1_1" style="width: 256px; height: 256px">   <img src="" id="CBS_1_2" style="width: 256px; height: 256px">eg_2. 再举个例子,在页面中查找某id的div集合,放上代码:复制代码 代码如下:<div id="cacheLayerContainer-CBS-882" >    <div id="div_1_0" style="width: 256px; height: 256px">    <div id="div_1_0" style="width: 256px; height: 256px">    <div id="div_2_0" style="width: 256px; height: 256px">    <div id="div_2_0" style="width: 256px; height: 256px">    <div id="div_2_0" style="width: 256px; height: 256px">    <div id="div_3_0" style="width: 256px; height: 256px"></div>在其中查找id中包含"div_1"的div,使用$("div[id=^div_1]"),即可获取到复制代码 代码如下:  <div id="div_1_0" style="width: 256px; height: 256px">  <div id="div_1_0" style="width: 256px; height: 256px">ps: 语句很简单,但在浏览器开发工具中很实用,这次研究地图cacheLayer中对于缓存图片加载(新加载/缓存中读取/超范围删除)的行(或列)查询上,很是便捷。


0 0
原创粉丝点击