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 相关文章推荐
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
Jquery 自定义动画概述及示例
Mar 29 Javascript
JS 实现导航栏悬停效果(续)
Sep 24 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
jQuery中的一些常见方法小结(推荐)
Jun 13 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
微信小程序倒计时功能实现代码
Nov 09 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 Javascript
es6数值的扩展方法
Mar 11 Javascript
基于vue的video播放器的实现示例
Feb 19 Vue.js
JavaScript 绘制饼图的示例
Feb 19 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
动易数据转成dedecms的php程序
2007/04/07 PHP
重新封装zend_soap实现http连接安全认证的php代码
2011/01/12 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
PHP 记录访客的浏览信息方法
2018/01/29 PHP
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述
2013/06/19 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
jQuery中click事件用法实例
2014/12/26 Javascript
浅谈javascript中for in 和 for each in的区别
2015/04/23 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
leaflet的开发入门教程
2016/11/17 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
webpack之引入图片的实现及问题
2018/10/08 Javascript
js实现每日签到功能
2018/11/29 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
2020/03/08 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
vue-i18n实现中英文切换的方法
2020/07/06 Javascript
python使用rsa加密算法模块模拟新浪微博登录
2014/01/22 Python
python基础教程之元组操作使用详解
2014/03/25 Python
简单了解django orm中介模型
2019/07/30 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
Python函数调用追踪实现代码
2020/11/27 Python
canvas学习总结三之绘制路径-线段
2019/01/31 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
教导主任竞聘演讲稿
2014/05/16 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
家属答谢词
2015/01/05 职场文书
关于颐和园的导游词
2015/01/30 职场文书
演讲比赛通讯稿
2015/07/18 职场文书
熟背这些句子,让您的英语口语突飞猛进(135句)
2019/09/06 职场文书
DIY胆机必读:各国电子管评价
2022/04/06 无线电