jquery中使用选择器的注意点

2024-09-04

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

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

jQuery中的选择器<思维导图>

选择器是jQuery的重要组成部分,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.如果能熟练地使用选择器,不仅能简化代码,而且可以达到事半功倍的效果. 下面是关于jQuery中的选择器的思维导图,全屏观看,请点击:jQuery中的选择器

学习jQuery的课程中,我对jQuery中的选择器有了更深的认识,它的简洁写法,完美的兼容性,可靠的处理机制,都让我们省了很多事, 下面是我在学习过程中对jQuery选择器写的思维导图(全屏查看:<思维导图>): jQuery中的选择器介绍: (1) jquery中的选择器完全继承了css的风格,利用jquery选择器,可以非常便捷和快速的找出特定的dom元素,然后为他们添加相应的行为,而无需担心浏览器是否支持这一选择器,学会使用选择器是学习jqeury的基础,jquery的行为规则都必须在

jquery中判断选择器，找没找到元素用$().size()==0

jquery中判断选择器,找没找到元素用$().size()==0

jQuery中，选择器既匹配开头又匹配结尾

jQuery中,选择器既匹配开头又匹配结尾的方法: [attr^=val]attr$=val [attr^=val][attr$=val]

js进阶 11-18 jquery中操作选择器的方法有哪些

js进阶 11-18 jquery中操作选择器的方法有哪些一.总结一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jquery对象加到add()方法之前选择器之中 43 $("p").css("background","#ccc").add('li').css("color","red") 2.addBack()方法是干嘛的,举

js进阶 10-4 jquery中基础选择器有哪些

js进阶 10-4 jquery中基础选择器有哪些一.总结一句话总结: 1.群组选择器用的符号是什么? 群组选择器,中间是逗号 2.jquery中基础选择器有哪些? 5种,类,id,tag,群组,* 3.*号选择器,通用选择器是什么? 选择到所有元素二.js进阶 10-4 jquery中基础选择器有哪些 1.相关知识:JQuery选择器原生javaScript中,只能使用getELementById().getElementByName.getElementByTagName()等几种有

jQuery中的选择器(下)

这一篇主要写过滤选择器和表单选择器在这里,我不再已表格形式说明(自己太懒了),主要以文字形式说明一下每个选择器的作用描述. 3.过滤选择器过滤选择器主要是通过特定的过滤规则筛选出所需的DOM元素.过滤规则和css中的伪类选择器语法相同.即都是已冒号(:)开头.按照不同的过滤规则,可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象过滤选择器. 3-1 基本过滤选择器 :first 用于选取第一个元素.如$("div:first")选取所有<div>元

jQuery中的选择器(上)

从学习jquery开始,现在已经是第三遍看锋利的jQuery这本书了,现在打算对jQuery中的各种选择器进行一下总结,主要是是为了进一步系统的巩固自己对知识的掌握,另外也可以为那些学习jQuery并不小心进入我的博客的同学提供一个知识交流的机会. jQuery选择器分为基本选择器,层次选择器,过滤选择器和表单选择器 1.基本选择器基本选择器其实就是通过元素的id,class和标签名等查找DOM元素的规则的集合,也是jquery中常用的最基本的选择器,掌握基本选择器对于学习jquery很重要.

JQuery中checkbox选择器

今天我们讲的是如何选择HTML网页中CheckBox选择器如下图,是几个checkbox <input type='checkbox'checked="checked"/> <input type='checkbox' /> <input type='checkbox' /> 选择HMTL所有已经被选中的CheckBox $("input:checked") 选择HTML网页中未被选择的Checkbox $("inpu

JQuery中的选择器的总结

JQuery的选择器十分的强大,但是我平常经常用到的却十分的有限,趁现在有时间我感觉有必要总结一下. 基本选择器 $("#ID") 选择ID所对应的标签元素返回一个标签元素$("div") 选择所有的div标签元素返回所有div标签元素的集合$(".class") 选择所有元素中引用了class 的标签元素返回所有满足条件的标签元素集合$("*") 选择文档中的所有的元素. <div class="ddi

jQuery中的选择器及筛选器

1.jQuery的介绍 1.jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE! 2.它是轻量级的js库,这是其它的js库所不及的 3.它兼容CSS3,还兼容各种浏览器 4.jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments.events.实现动画效果,并且方便地为网站提供AJAX交互. 5.jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,

关于jQuery中的选择器

1:选择器的作用获取网页的上面的标签元素等等,然后对他进行一些列的操作(添加样式,添加行为...) 2:选择器有哪些基本选择器,层次选择器,过滤选择器,表单选择器一:基本选择器基本选择器是jquery最常用的选择器,也是最简单的选择器,通过元素id,class,标签名称来查找 DOM元素(在网页中ID只能使用一次,id是唯一的,但是class允许重复使用的) 1.id选择器用法:$("#id名称"); 返回单个元素的组成的集合 2.class(类选择器) 用法:$("

小强的HTML5移动开发之路（34）——jQuery中的选择器

一.jQuery是什么? jQuery是由美国人John Resig创建,至今吸引了来自世界各地的众多javascript高手加入其中. jQuery的创始人和技术领袖,目前在Mozilla担任JavaScript工具开发工程师.著有<Pro JavaScript Techniques>(即<精通JavaScript>)等经典JavaScript书籍. jQuery是继prototype之后又一个优秀的javascript框架.其宗旨是--WRITE LESS, DO MORE,写

jQuery中的选择器

(1)基本#id element .class * selector1,selector2,selectorN (2)层次选择器:ancestor descendant parent > child prev + next prev ~ siblings (3)基本过滤器选择器:first :last :not :even :odd :eq :gt :lt :header :animated (4)内容过滤器选择器:contains :empty :has :parent (5)可见性过滤器选择

jquery中的选择器01

<!doctype html> <html> <head> <meta charset="gb2312"> <title>部长练习jqurey</title> <script src="js/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(e) { // 选择di

JQuery 中的选择器

选择器:允许通过标签名,属性名或内容对DOM元素进行快速,准确的选择,浏览器兼容性很好. 普通选择器选择器功能返回值 #id 根据给定的ID匹配一个元素单个元素 element 根据给定的元素名匹配所有元素元素集合 .class 根据给定的类匹配元素元素集合 * 匹配所有元素元素集合 selector,selectorN 将每一个选择器匹配到的元素合并后一起返回元素集合层次选择器选择器功能返回值 ancestor descendant 根据祖先元素匹配所有的后代元素元素

jquery中的选择器:has和:not的用法

这两个选择器可以帮助我们在选择父级和子孙之间关系的dom更从容~ <div><p><span>Hello</span></p></div> <div>Hello again!</div> 那么问题来了~挖掘机哪家强?这里需要用到:has和:not选择器. 1. 希望获取到含有span标签的div $("div:has(span)"); 2. 希望获取到不含有span标签的div.这个就结合了

jQuery中过滤选择器first和first-child的区别

:first过滤器只匹配第一个子元素,而:first-child过滤器将为每个父元素匹配个子元素. 对于下面html代码: <ul> <li>John</li> <li>Karl</li> <li>Brandon</li> </ul> <ul> <li>Glen</li> <li>Tane</li> <li>Ralph</li>

JQuery：JQuery语法、选择器、事件处理

JQuery语法: 通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions). 一.语法:jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作.基础语法: $(selector).action() 美元符号$定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作实例: $(this).hide(

jQuery 1.0 | 选择器 | 事件 | 操作样式 | 操作属性

使用jQuery: 1,下载jQuery http://jquery.com/download/ 2,引入jQuery文件 3,定义入口函数 <script src="jquery-1.12.2.js"></script> <script> // 第一种: $(document).ready(function (){ // jQuery代码 }); //第二种: $(function (){ // jQuery代码 }); </script&g