当前位置:首页 > 编程教程 > jQuery技术文章 > jQuery的选择器中的通配符使用介绍

关于jQuery的选择器中的通配符使用方法

  • 发布时间:
  • 作者:码农之家
  • 点击:126

这篇文章主要知识点是关于jQuery、通配符、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

Bootstrap与jQuery UI框架设计
  • 类型:jQuery大小:180 MB格式:PDF作者:肖睿//吴振宇
立即下载

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

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)

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

jQuery 相关电子书
学习笔记
网友NO.293612

jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结

这两天在做一个专题的时候遇到了一个通配符的问题 //弹层操作$(function(){ //视频播放 $("a[href^='#video']").each(function(index, element) { $(this).click(function(){ $(".popDiv,#videoBox1").show(); }); }); //图片 $(".imgs a:not([href^='#video'])").each(function(){ $(this).children("img").click(function(){ var src=$(this).attr("attr"); //alert(src); $("#picBox img").attr("src","images/" + src); $(".popDiv,#picBox").show(); $("#picBox img").animate({opacity:'1'},500) }); }); $(".close").click(function(){ $(".popDiv,.popBox").hide(); $(".box").css("margin","0 0 0 100%"); $("#picBox img").css({opacity:'0'},1000) }); }) 问题已解决!有这样的问题,可以参考下面的详细用法: 1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签$("input[id$='code']");//id属性以code结束的所有input标签$("input[id*='code']");//id属性包含code的所有input标签$("input[name^='code']");//name属性以code开始……

网友NO.825352

jQuery中的通配符选择器使用总结

jquery选择器中的通配符经常用到,大致的用法总结如下: $("input[id^='code']");//id属性以code开始的所有input标签$("input[id$='code']");//id属性以code结束的所有input标签$("input[id*='code']");//id属性包含code的所有input标签$("input[name^='code']");//name属性以code开始的所有input标签$("input[name$='code']");//name属性以code结束的所有input标签$("input[name*='code']");//name属性包含code的所有input标签 使用示例 $("input[name*='code']").each(fuction(){ var sum=0;if($(this).val()!=""){ sum=parseInt(sum)+parseInt($(this).val());}$("#").text(sum);}) 使用时注意 关于如下input: input type="text" name="code[0]" id="haorooms[0]" / 请不要用 $("#haorooms[0]") 进行选择,这样通常会出现问题,特别是select的时候。要用如下方式 $("input[id^='haorooms']") 或者 $("input[name^='code']") 这样效率上面不如直接ID,但是不会出错,假如上面的name和id都没有后缀[0],那……

<
1
>

Copyright 2018-2020 www.xz577.com 码农之家

版权投诉 / 书籍推广 / 赞助:520161757@qq.com