前端开发

jQuery学习总结(一)

2019-04-22  本文已影响70人  朱咸武

一、jQuery核心

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选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。

四、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,这是国内学习前端最好的平台之一。

上一篇下一篇

猜你喜欢

热点阅读