美文网首页前端开发
jQuery学习总结(一)

jQuery学习总结(一)

作者: 朱咸武 | 来源:发表于2019-04-22 23:54 被阅读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,这是国内学习前端最好的平台之一。

    相关文章

      网友评论

        本文标题:jQuery学习总结(一)

        本文链接:https://www.haomeiwen.com/subject/oovpgqtx.html