ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

jQuery选择器中通配符

2021-04-25 14:03:52  阅读:197  来源: 互联网

标签:jQuery code 标签 通配符 id tr input jqueryObj 选择器


jQuery选择器中,通配符[id^='code']input[id$='code'][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.筛选器  

$("#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) 

 

come:https://www.cnblogs.com/gilbert/p/5358145.html

标签:jQuery,code,标签,通配符,id,tr,input,jqueryObj,选择器
来源: https://www.cnblogs.com/Leo_wl/p/14699962.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有