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

2014-03-20 13

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文章

利用webqq协议使用python登录qq发消息源码参考
Apr 08 21
Javascript写入txt和读取txt文件示例
Feb 12 28
js解析json读取List中的实体对象示例
Mar 11 27
2014 年最热门的21款JavaScript框架推荐
Dec 25 21
深入分析JSON编码格式提交表单数据
Jun 25 32
js学习阶段总结(必看篇)
Jun 16 22
JS实现滑动插件
Jan 15 98
手机访问当前页面