jquery选择器

前两天看有朋友问parents()和parent()方法的区别，自己也比较好奇，就稍微研究了一下，接下来是部分自己的见解，和大家共勉。 拿列表的层级为例来解释这个问题： <ul class="level-1"> <li class="item-i">I</li> <li class="item-ii">II <ul class="level-2"> <li class="item-a">A</li> <li class="item-b">B <ul class="level-3"> <li class="item-1">1</li> <li class="item-2">2</li> <li class="item-3">3</li> </ul> </li> <li class="item-c">C</li> </ul> </li> <li class="item-iii">III</li> </ul> 1、方法parents() 获得当前匹配元素集合中每个元素的祖先元素，使用选择器进行筛选是可选的。 如果我们从项目 A 开始，则可找到其祖先元素： $('li.item-a').parents().css('background-color', 'red'); 运行效果如图： 1、方法parent() 获得当前匹配元素集合中被选择元素的直接父元素。 如果我们从项目 A 开始

Jquery: javaScript脚本包，它里面有一堆一堆的封装好的方法， 我们学习的就是这些方法如何使用 是JS的升级版 $是jquery特有的，取元素的时候提示一下 文件类型： 1、不带min的，是源文件，可以看得懂，但是文件较大， 加载速度慢。 2、带min的，编译后的文件，已经没法看懂了，但是文 件较小，加载速度快。 一般咱使用带min的文件就可以了，不需要看懂它的代码。 一、选择器： 1、基本选择器：跟css很像。 1)基本 id选择器：# class选择器：. 标签选择器：标签名 2)组合 并列：用,隔开 后代：用空格隔开 2、过滤选择器 1)基本过滤： 首尾：首个first，尾个last 等于：任意个 :eq（索引号）ps：$(".div").eq(1)或是$(".div:eq(1)") 不等于：大于是:gt(索引号)，小于是:lt(索引号)，排除是:not(选择器) ps:$(".div:gt(1)"),$(".div:not(#div1)") 奇偶，按索引，从0开始：奇数 :odd 是把奇数排除了,偶数 :even 是把偶数排除了 2）属性过滤： 属性名过滤： [属性名] ps:$(".div:[aaa]") 属性的明值对过滤：[属性名=值]，[属性名!=值] 3）内容过滤 文字 :contains("字符串")包含了某一段字符串 子元素 :has("选择器")

是否有一个 selector ，我可以查询具有以给定字符串结尾的ID的元素？ 假设我有一个id为 ctl00$ContentBody$txtTitle 。 我怎么能通过传递 txtTitle 得到这个？ #1楼 试试这个： <asp:HiddenField ID="0858674_h" Value="0" runat="server" /> var test = $(this).find('[id*="_h"').val(); #2楼 由于这是ASP.NET，您只需使用ASP <％=％>标记来打印生成的txtTitle的ClientID： $('<%= txtTitle.ClientID %>') 这将导致...... $('ctl00$ContentBody$txtTitle') ...当呈现页面时。 注意：在Visual Studio中，Intellisense会因为将ASP标记放在JavaScript中而大吼大叫。 您可以忽略它，因为结果是有效的JavaScript。 #3楼 例如：选择ID以_edit结尾的所有 <a> ： jQuery("a[id$=_edit]") 要么 jQuery("a[id$='_edit']") #4楼 这个问题的答案是 $("[id$='txtTitle']") ， 正如Mark Hurd回答的那样 ，但对于那些像我一样想要找到所有 带有

JQuery对象是通过JQquery包装DOM对象后产生的对象。JQuery对象是JQuery独有的。如果一个对象是JQuery对象，那么它就可以使用JQuery中的方法。 $("#test").html(); 获取ID为test的元素内的html代码 DOM实现代码:document.getElementById("test").innerHTML; 虽然JQuery对象是DOM对象包装后产生的，但是JQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用JQuery中的方法 约定如果获取的是JQuery对象，那么要在变量前加$ var $variable=JQuery对象 var variable=DOM对象 $variable[0]:JQuery对象转为DOM对象$("#test")[0].innerHTML; 选择器 　　基本选择器 $("*") 通配 $(#id") ID $(".class") 类 $("element") 标签 $(".class,p,div") 多个元素 　　层级选择器 $(".outer div") .outer所有div后代 $(".outer>div") .outer所有子代div $(".outer+div") .outer毗邻div标签 $(".outer~div") .outer普通兄弟div标签 　　基本选择器 $("li

一 jQuery是什么？ <1> jQuery 由美国人 John Resig 创建，至今已吸引了来自世界各地的众多 javascript 高手加入其 team 。 <2>jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是 ——WRITE LESS,DO MORE ! <3>它是轻量级的 js 库 ( 压缩后只有 21k) ，这是其它的 js 库所不及的，它兼容 CSS3 ，还兼容各种浏览器 （ IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ ）。 <4>jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents 、 events 、实现 动画效果，并且方便地为网站提供 AJAX 交互。 <5>jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件 可供选择。 二 什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() //意思是指

一、jQuery是什么？ <1>jQuery由美国人John Resig创建，至今已吸引了来自世界各地众多JavaScript高手加入其team。 <2>jQuery是继prototype之后又一个优秀的JavaScript框架。其宗旨是——WRITELESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k)，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 <4>jQuery是一个快速的，简洁的JavaScript库，使用户能更方便地处理HTMLdocument、events、实现动画效果，并且方便地为网站提供AJAX交互。 <5>jQuery还有一个比较大的优势，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 二、什么是jQuery对象？ jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么它就可以使用jQuery里的方法： $(“#test”).html(); $("#test").html() //意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML; /

一 注意： 1.DOM对象：通过原生js获取的DOm对象（DOm树上的节点就是，比如<li></li>） 2.jQuery对象：通过jQuery 选择器获取的 jQuery对象智能用jQuery中封装的方法，不能使用DOm对象的方法 同理 DOm也是一样 二 选择器相互更换： 1.DOM转换成JQ对象 $(“DOM对象”) 2.JQ对象转换成DOM对象 $("div")[index] 或者 $("div").get(index) 三 基本选择器 1. #id > $("#id名"), 2. .class > $(".class名") 3. element标签 > $("div") 4.群组选择器 > $("div,p") 5.* > $("*") 四 后代选择器 子元素选择器 紧邻的同辈选择器 1.$("#id li"), 这个是所有的后代 2. $("#id > li"), 这个是只查到儿子为止 3. $("#id + p ") 紧挨着#id 后面的p元素 4. $("#id ~ p ") 在#id 后面的同辈兄弟p元素 五.表单元素选择器 <form> <input type="text" /> <input type="checkbox"checked /> 复选框 <input type="radio" /> 单选框 <input type="image" />

一 jQuery是什么 ［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 ［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 ［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 ［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 二 什么是 jQuery 对象 jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById(" test

使用参考： http://jquery.cuishifeng.cn/ 目录 jQuery是什么 jQuery对象 寻找元素（选择器和筛选器） 选择器 表单属性选择器 筛选器 操作元素（属性、css、文档处理） 事件 属性操作 each循环 文档节点处理 动画效果 css操作 扩展方法（插件机制） 定义插件 定义作用域 默认参数 实例 tab切换、左侧菜单、全反选、模态对话框、复制样式条、返回顶部、面板拖动、放大镜、注册验证 jQuery是什么 ［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 ［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 ［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 ［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery对象 jQuery 对象就是通过 jQuery 包装 DOM

知识预览： 什么是jQuery 什么是jQuery对象 寻找元素（选择器和赛选器） 操作元素(属性，css，文档处理) 扩展方法 参考资料： jQyery中文文档 回到顶部 一 jQuery是什么？ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 回到顶部 二 什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指