jquery选择器包括四部分:一.基本选择器二.层次选择器三.过滤选择器四.表单元素选择器 一.基本选择器1.ID选择器:$('#myDiv');2.类选择器:$('.className');3.元素选择器:$('p');4.通配符选择器:$('*');5.复合选择器:$('span,#two'); 二.层次选择器1.$('ul li'):选择ul下的所有后代li元素2.$('ul>li'):选择ul下的所有子代li元素3.$("label + input"):选择label标签…
jquery选择器,选择接着学: 前面学习了基本选择器中的CSS选择器,现在学层级选择器: 1.子元素选择器 子元素选择器,用于在给定的父元素下,查找这个父元素下面的所有的子元素,语法格式,如下: $("parent>child") 其中,参数parent是任意有效的选择器:child也是一个选择器,并且它是第一个选择器的子元素,用于筛选子元素.两个参数之间,用“>”分隔: <!DOCTYPE html> <html xmlns="http://…
jquery选择器大方向可以分为这样: 下面我们先来看看基本选择器总的CSS选择器: 1.标签选择器: $("element") 其中,参数element,表示待查找的HTML标记名,如$("div"),标签选择器获取元素的方式是高效的,因为它继承自javascript中的getEmelentsByTagName,它获取的是整个元素的集合. 2.ID选择器 $("id") 其中,参数id表示待查找的元素的id属性值,应该在其前面加上数字符“#”,…
前面学习了基本选择器,现在学习过滤选择器中的简单过滤选择器: 简单过滤选择器,主要根据索引值对元素进行筛选,这些过滤选择器类似于CSS的伪类选择器,他们均以冒号(:)开头,并且要与另外一个选择器一起使用. 1.:first选择器,对当前jquery集合进行过滤选择,并选择出第一个匹配元素,语法格式如下: $("selector:first") 其中,参数selector表示任意有效的选择器 2.:last选择器 :last选择器,对当前jquery集合进行筛选,并选择出最后一个匹配的元…
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行…
现在来看看表单域选择器 1.:input选择器 :input选择器,用于选择所有Input,textarea,select和button元素,语法格式如下: $(":input") 2.:text选择器 :text选择器用于选择所有的单行文本框(<input type="text"/>),语法格式如下. $(":text") 3.:password选择器 :password选择器用于选择所有密码框(<input type=&qu…
本篇介绍jQuery的选择器,jQuery选择器按照功能上分为"选择"和"过滤",并且是配合使用的.过滤的主要作用是从前面选定的选择器中选择的内容重进行筛选. 下面我们进入到选择器大全. 基础选择器 选择器 说明 例子 #id 根据元素id选择 $("#btn_find") element 根据元素的名称进行选择 $("input") .class 根据元素的css类进行选择 $(".btn") * 选择所…
jQuery的选择器十分强大,但是在使用jQuery选择器的时候一定要十分小心,空格.冒号.引号到处都是坑,老手也不能避免,只能勤加练习,熟能生巧,掌握规律,为了练习,凡是到选择器的地方我都自己先敲,刚开始的时候犯过无数的错误,有的错误简直幼稚甚至愚蠢,但是我坚持不看书上的答案,尽最大能力调试成功,下面我把我犯过的错误列出来,大家有则改之无则加勉. 1.选择class不为one的所有div元素   2.选择class为one的div的第一个子元素 $(div.one :first-child)…
晚上闲着没事,正好用来整理下jQuery的选择器,毕竟没有总结就不算学习嘛. 首先,对事件处理.遍历DOM和Ajax操作,都依赖于选择器. 1.CSS选择器 要使用某个HTML元素,就先要找到它,而css选择器比较简单,不废话,主要常用的有 文档元素做选择符.ID做选择符.class做选择符,举例: 文档元素: li{ font-size:13px; } a{ text-decoration:none; } ID方式: #txtName{ font-size:13px; } Class方式: .…
虽然jQuery上手简单,相比于其他库学习起来较为简单,但是要全面掌握,却不轻松.因为它涉及到网页开发的方方面面,提供的方法和内部变化有上千种之多.初学者常常感到,入门很方便,提高很困难.本文的目标是将jQuery选择器做一个系统的梳理,试图理清jQuery的设计思想,找出学习的脉络,使读者从入门到精通. jQuery是什么 简单的说,jQuery是一个JavaScript框架,它的宗旨是:写更少的代码,做更多的事情.对于Web开发人员而言,jQuery是一个功能强大的JavaScript库,能…