一、jQuery核心
"$"符号在 jQuery 中代表对 jQuery 对象的引用, "jQuery"是核心对象,通过该对象可以获取 jQuery 对象,调用 jQuery 提供的方法等。只有 jQuery 对象才能调用 jQuery 提供的方法。
二、DOM对象和 jQuery 包装集对象
原始的 Dom 对象只有 DOM 接口提供的方法和属性,通过 js 代码获取的对象都是 dom 对象;而通过 jQuery 获取的对象是 jQuery 包装集对象,简称 jQuery 对象,只有 jQuery 对象才能使用 jQuery 提供的方法。
1、DOM对象
2、jQuery 包装集|对象
3、DOM 转 jQuery 对象
4、jQuery 对象转 DOM 对象
三、jQuery选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。
四、jQuery事件
jQuery 是为事件处理特别设计的。
什么是事件?页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例:在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
ready()加载事件
bind()绑定元素事件
五、jQuery DOM操作
1、操作元素的属性
获取属性丨设置属性
jQuery - 获取内容和属性jQuery 拥有可操作 HTML 元素和属性的强大方法。
jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
DOM = Document Object Model(文档对象模型)
DOM 定义访问 HTML 和 XML 文档的标准:"W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。
2、操作元素的样式
3、操作元素的内容
1)创建元素
jQuery - 设置内容和属性
设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
2)添加元素jQuery添加元素
3)删除元素jQuery删除元素
4)遍历元素jQuery遍历
以上内容是个人对jQuery的学习总结,部分内容摘自W3Cschool,这是国内学习前端最好的平台之一。
网友评论