jQuery基础——选择器

一、基础知识

　　jQuery选择器返回的结果(jQuery对象)都是数组的形式。

　　jQuery对象和 Dom对象转换：

　　　　- jQuery对象[下标(索引)] => Dom对象

　　　　- $(Dom对象) => jQuery对象

二、基本选择器

　　1、id选择器 => $("#id")

　　2、class选择器 => $(".class")

　　3、element选择器 => $("element")

　　4、selector1,…,selectorN群选择器 => $("selector1,selector2...selectorN")

　　5、* 选择器 => $("*") 匹配所有标签，多用于上下文搜索

三、层级选择器

　　1、空格(找子子孙孙) => $("parent children") 例 $("div a")：div中所有a标签

　　2、>(儿子) => $("parent>child") 例 $("div a")：div标签下一级(儿子)中所有a标签

　　3、prev + next => $("prev+next") 匹配所以紧接在prev元素后面的next元素(同辈)

　　4、prev ~ siblings => $("prev~sibings") 匹配所有prev元素之后的同辈siblings元素

四、基本筛选器

　　1、:first 所有匹配元素中的第一个元素

　　3、:last 所有匹配元素中的最后一个元素

　　3、:eq(index) ：匹配指定索引的元素

　　4、:even：所有匹配元素偶数项

　　5、:odd：所有匹配元素奇数项

　　6、:gt(index)：所有匹配元素中大于索引的项

　　7、:lt(index)：所有匹配元素中小于索引的项

五、属性选择器

　　1、$("[name]") =>所有具有name属性的标签

　　2、$("[name = 'a']") =>所有name属性值为‘a’的标签

六、表单选择器

　　1、$(":input") => 匹配所有 input, textarea, select 和 button 元素

　　2、$(":text") => 匹配所有单行文本框

　　3、$(":password") => 匹配所有密码框

　　4、$(":checkbox")

　　5、$(":submit")

　　6、$(":radio")

　　7、$(":button")

七、表单对象属性

　　1、$("input:enabled")

　　2、$("input:disabled")

　　3、$("input:checked")

　　4、$("select option:selected")

转载于:https://www.cnblogs.com/yz9110/p/8868999.html

jQuery基础——选择器相关推荐

jQuery 基础选择器/层级选择器/隐式迭代
jQuery 选择器 jQuery 层级选择器隐式迭代(重要) <!DOCTYPE html> <html lang="en"><head>& ...
jquery基础选择器和层次选择器
jquery的基本选择器和层级选择器和css规范一样,因此可以对比css选择器规范来学习名称用法描述相邻元素选择器 $("h2+dl"); 使用+号,表示选取紧邻h2元素之 ...
jQuery基础总结！！！
目录 jQuery简介 jQuery库的引用官网下载jQuery jQuery入门 jQuery常用的API(重要) jQuery选择器 jQuery基础选择器 jQuery隐式迭代 jQuery筛 ...
jQuery基础知识（黑马程序员前端基础必备教程视频笔记）
一.jQuery概述 1.JavaScript库即library,是一个封装好的特定的集合(方法和函数).从封装的一大堆函数的角度理解库.就是在个库中,封装了很多预先定义好的函数在里面,比如动画an ...
java与jquery的选择器区别_java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScrip ...
jQuery学习笔记（一）——基础选择器、过滤选择器、表单选择器
$()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如示例中$("p")会得到一组P标签元素,其中"p"表示CSS中的标签选择器.$()中的() ...
[jQuery基础] jQuery对象 -- 选择器
jQuery对象选择器基础选择器主要有通过id名查询的id选择器.类选择器.标签选择器以及通用选择器层次选择器常见有后代选择器.子选择器 .相邻兄弟选择器.同胞选择器序选择器等待更新属 ...
js进阶 10-4 jquery中基础选择器有哪些
js进阶 10-4 jquery中基础选择器有哪些一.总结一句话总结: 1.群组选择器用的符号是什么? 群组选择器,中间是逗号 2.jquery中基础选择器有哪些? 5种,类,id,tag,群组, ...
java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章 JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScr ...

jQuery基础——选择器

jQuery基础——选择器相关推荐

最新文章

热门文章