jQuery的选择器中的通配符使用介绍


Posted in Javascript onMarch 20, 2014

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)
Javascript 相关文章推荐
jquery DOM操作 基于命令改变页面
May 06 Javascript
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
JS仿flash上传头像效果实现代码
Jul 18 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
js实现简单计算器
Nov 22 Javascript
JS中的phototype详解
Feb 04 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
Feb 10 Javascript
BootStrapValidator初使用教程详解
Feb 10 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
vue如何限制只能输入正负数及小数
Jul 04 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 Javascript
$.each与$().each的区别示例介绍
Mar 20 #Javascript
js中document.write使用过程中的一点疑问解答
Mar 20 #Javascript
js图片延迟技术一般的思路与示例
Mar 20 #Javascript
可恶的ie8提示缺少id未定义
Mar 20 #Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 #Javascript
js拖拽一些常见的思路方法整理
Mar 19 #Javascript
使用jquery实现以post打开新窗口
Mar 19 #Javascript
You might like
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
php生成动态验证码gif图片
2015/10/19 PHP
利用PHP计算有多少小于当前数字的数字方法示例
2020/08/26 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
JavaScript 开发工具webstrom使用指南
2014/12/09 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
基于jquery日历价格、库存等设置插件
2020/07/05 jQuery
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
Vue+webpack项目基础配置教程
2018/02/12 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
2018/08/24 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
jquery自定义组件实例详解
2020/12/31 jQuery
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
python处理文本文件实现生成指定格式文件的方法
2014/07/31 Python
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
将Emacs打造成强大的Python代码编辑工具
2015/11/20 Python
200行自定义python异步非阻塞Web框架
2017/03/15 Python
对django views中 request, response的常用操作详解
2019/07/17 Python
Python图像处理库PIL的ImageFilter模块使用介绍
2020/02/26 Python
python爬虫用mongodb的理由
2020/07/28 Python
scrapy头部修改的方法详解
2020/12/06 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
CSS3模拟动画下拉菜单效果
2017/04/12 HTML / CSS
10分钟入门CSS3 Animation
2018/12/25 HTML / CSS
HTML5 canvas基本绘图之绘制曲线
2016/06/27 HTML / CSS
印度低票价航空公司:GoAir
2017/10/11 全球购物
国际书籍零售商:Wordery
2017/11/01 全球购物
撤诉申请书法院范本
2015/05/18 职场文书
保外就医申请书范文
2015/08/06 职场文书
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript