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
- jQuery少用却使用的
- jQuery 选择器的使用
- jquery选择器的使用
- jQuery 选择器的使用
- jQuery 选择器的使用
- jQuery 选择器的使用
- jquery 的使用
- Jquery.ajax的使用
- jQuery 选择器的使用
- jquery command的使用
- JQuery的JSTree使用
- jquery select的使用
- 使用JQuery的each
- 使用JQuery的each
- jquery,each的使用
- JQuery的siblings()使用
- JQuery 的使用
- JQuery 的使用(2)
- 南京理工大学第八届程序设计大赛 #C Count_Prime Solution
- JavaEE NetBeans HTTP Status 404 - Not Found
- 可添加注释的有序java properties扩展类
- Java FileInputStream和FileOutputStream
- 如何用Loadrunner监控Tomcat
- jQuery少用却使用的
- Android截取视频帧并转化为Bitmap示例
- 新blog启用
- Swift UIDatePikcer
- Eclipse使用Maven构建web项目详解
- wireshark 抓包分析 TCPIP协议的握手
- Android 图片处理(一)
- Sring自动注入Bean
- CSS3基础