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) 

原文转载于http://www.cnblogs.com/puzi0315/archive/2013/08/26/3282112.html

jQuery选择器中,通配符[id^='code']input[id$='code'][id*='code']

时间: 2024-10-26 21:22:08

jQuery选择器中,通配符[id^='code']input[id$='code'][id*='code']的相关文章

JQuery选择器中含有冒号的ID处理差异的分析

问题提出 对于一个输入框, 如果其id中含有冒号(:),选择器使用需要有特殊写法, 例如 id为下 <input type="text" value="ddd" id="a:b"> 使用$(selector)直接使用#id值, 找不到DOM console.log("#a:b")console.log($("#a:b").length) // output 0 经过探索可以使用以下两个方法选择到

jQuery选择器中的一些注意事项

选择器中含有特殊符号: 选择器中含有"."."#"."("或"]"等特殊字符.根据W3C的规定,属性值中是不能含有这些特殊字符的.但在实际项目中偶尔会遇到表达式中含有"#"和"."等特殊字符.如果按照普通的方式去处理出来的话就会出错.解决此类错误的方法是使用转义符转义. HTML代码如下: <div id="id#b">bb</div> <

jquery选择器中(:button)的含义

在有了javascript基础后开始学习的jquery,水平很菜,但还是想把我日常学习中发现的一些之前不太理解的东西后来有了一些了解的东西写出来与大家分享,如果有不对的地方也欢迎各位大神指正. jquery中选择器中(:button)在W3Cshcool中的解释是[选取所有 type="button" 的 <input> 元素 和 <button> 元素] 但在我的测试中,当button的type=submit的时候也一样可以选择出来. <!DOCTYPE

jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别

概念 空格:$('parent childchild')表示获取parent下的所有的childchild节点 大于号:$('parent > childchild')表示获取parent下的所有下一级childchild 加号:$('pre + nextbrother')表示获得pre节点的下一个兄弟节点,相当于next()方法 波浪号:$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点,相当于nextAll()方法 详解描述 现有代码如下 <meta charset

jQuery选择器全解-基础选择器

Id选择: 根据元素Id选择,$(“layer1”) 选择ID为layer1的元素 <div id="layer1" style="width: 300px;height: 300px;border: 1px solid red"></div> alert($("#layer1").height()); element element选择器是一个用于搜索的元素.指向DOM节点的标签名 <a href="&q

jQuery笔记(一)jQuery选择器

一.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步. 二.Dom对象与jQuery对象的转换 (1) Dom转jQuery包装集 ($(Dom)) 如果要使用jQuery提供的函数,  就要首先构造jQuery包

Jquery 页面中如若是遍历出来的数据,如何针对其中一条信息进行操作(增删改)

背景:因为遍历出来的的数据,如不进行任何操作,其后面的按钮在ID相同的情况下,事件触发和表单获取都只能有一个.而不能将所有的数据包括在内. 转自百度: http://zhidao.baidu.com/link?url=HSORjB-yy61-8h_8dDY72sN_5jzjaapyUa0zk9TLJCOoZFcHZ6Df2PjFtCvmkGdziXK5QSmji-n-HvUy_38LOK 为这5个按钮设置一个相同的class<input class="btn" id="

表单自动补全,从后台传值与id进来,并且将id值提交给后台

从后台获取数据,转换成数组格式 var autoComplete = new AutoComplete('keyword', 'auto', [<?php foreach($jqname as $key => $dd){$str=$str."'".$dd['title']."',";}$str=substr($str,0,$str.length-1);echo $str; ?>]);   从后台获取数据,并将其转换成为json格式,设置隐藏域 &l

jQuery的选择器中的通配符[id^=&#39;code&#39;]

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