jQuery学习笔记(七)_ jQuery核心总结
来源:互联网 发布:郑州seo外包公司 编辑:程序博客网 时间:2024/05/19 09:38
$()构造一个jquery对象,jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。
核心
1、 ${表达式}:根据这个表达式来查找所有匹配的元素。
2、$(html标记字符串) :根据提供的html字符串,创建jquery对象包装的dom元素。
3、$(dom元素):将一个或多个dom元素转换为jquery对象。
4、
选择器
jQuery的api文档里有详细的介绍,我只总结了一些常用的以及难以理解的。
层级
1、$(“ancestor descendant”):在给定的祖先元素下匹配所有的后代元素 。
2、$(“parent > child”):在给定的父元素下匹配所有的子元素 。
3、$(“prev + next”):匹配所有紧接在 prev 元素后的 next 元素 。
4、$(“prev ~ siblings”):匹配 prev 元素之后的所有 siblings(同级) 元素 。
顺序
1、$(“tr:first”) 匹配找到的第一个元素 。
2、$(“tr:last”) 匹配找到的最后一个元素。
3、$(“input:not(:checked)”) 去除所有与给定选择器匹配的元素 。
4、$(“tr:even”) 匹配所有索引值为偶数的元素,从 0 开始计数 。
5、$(“tr:odd”) 匹配所有索引值为奇数的元素,从 0 开始计数。
6、$(“tr:eq(1)”) 匹配一个给定索引值的元素。
可见性
1、$(“tr:visible”) 查找所有可见的 tr 元素 。
2、$(“tr:hidden”) 匹配所有的不可见元素,input 元素的 type 属性为 “hidden” 的话也会被匹配到。
子元素
1、$(“ul li:last-child”) 在每个 ul 中查找最后一个 li 。
2、$(“ul li:only-child”) 在 ul 中查找是唯一子元素的 li 表单:。
表单
1、$(“:input”) 查找所有的input元素
2、$(“text”) 匹配所有的单行文本框
3、$(“:password”) 匹配所有密码框
4、$(“radio”) 匹配所有单选按钮
5、$(“checkbox”) 匹配所有复选框
6、$(“submit”) 匹配所有提交按钮
7、$(“image”) 匹配所有图像域
8、$(“button”) 匹配所有按钮
9、$(“file”) 匹配所有文件域
筛选
过滤
1、$(“p”).eq(1) 获取第N个元素,这个元素的位置是从0算起 。
2、if( $(this).hasClass(“protected”) ) 检查当前的元素是否含有某个特定的类,如果有,则返回true。
3、$(“p”).filter(“.selected”) 筛选出与指定表达式匹配的元素集合
4、
查询
1、$(“p”).find(“span”);搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
2、$(“p”).next();取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合
总述:
从核心功能来看,jQuery 仅仅做了一件简单而又平凡的事:查询。它的语法如此简洁明了,以致于很多人在不知道javascript是什么的时候就已经会用jQuery了,用一个词形容就是:大道至简。 从设计层面来看,我们可以将jQuery提供方法分为两大类:静态方法和实例方法。静态方法就是直接通过美元符访问的方法,这些方法一般不对dom元素操作,而是提供了一些常用的工具,比如ajax请求、以及对字符串的一些常用操作,除此之外,jQuery还提供了对自身的扩展机制,你可以通过extend方法来编写你需要的组件。而实例方法和静态方法不一样,它是用来对jQuery查询的DOM元素进行操作,jQuery 执行$()会构建一个 jQuery 对象,这个对象以数组的方法存储查询出的所有DOM元素,然后在这个对象的原型链上实现了对这些 DOM 操作的方法,比如 each()方法就是用来遍历每一个DOM元素的。你可能会注意到,我刚说这个对象“以数组的方式”存储,那就是说,jQuery构建的这个对象不是数组,那这个对象到底是什么? 其实这个对象就是 jQuery 的核心,也被称作“jQuery对象”。
- jQuery学习笔记(七)_ jQuery核心总结
- jQuery学习笔记(七)- 遍历
- JQuery 参考手册 学习笔记(1)-jquery核心函数
- jQuery学习笔记之jQuery基础核心
- jQuery源码分析研究学习笔记-jQuery.clean()(七)
- jquery学习(七)
- jQuery学习笔记(一)_简介
- jQuery学习笔记(二)_选择器
- jQuery学习笔记(三)_ jQuery事件
- jQuery 学习笔记1_初始 jQuery
- jQuery学习笔记_选择器
- jQuery学习笔记总结
- jQuery学习笔记总结
- 逆向工程核心原理学习笔记(七):总结
- 逆向工程核心原理学习笔记(七):总结
- 【JQuery学习笔记三】JQuery学习总结
- jQuery学习(七)jQuery的CSS
- jQuery学习笔记之选择器(继基础核心篇)
- Codeforces Round #436 (Div. 2) E. Fire
- [线段树] BZOJ2957: 楼房重建
- Fragment的使用二
- 文章标题
- 【编程题】金山云笔试题——字母密码转换排列问题
- jQuery学习笔记(七)_ jQuery核心总结
- 时间复杂度从O(n^3)到O(n^2)的优化
- 19. php 编译 pcntl
- 爬虫第一天(3)
- 2017ICPC 南宁网络赛M Frequent Subsets Problem
- 0博文资料目录---------------------------------------------------------------------------------------------
- java项目中Excel文件的导入导出
- #PHP#(二)变量和常量
- Gym