【麦子学院】jQuery常用知识点整理.pdf

IT 在线教育平台———麦子学院： 【麦子学院】jQuery 常用知识点整理 学习 web 前端开发，除了要学习 HTML、css、js 等基础知识外，jQuery 也是必须内容 之一。那对于jQuery 的学习我们具体要学哪些东西，要学到什么程度呢？且看今天小编为 大家分享的jQuery 常用知识点集锦。 1、jQuery 概述 我们首先从jQuery 最基本的概述说起，jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。 2、添加jQuery 库 在前端开发中，我们如何添加 jQuery 库呢？其实，jQuery 库位于 JavaScript 文件中， 其中包含了所有的 jQuery 函数，可通过如下方式添加： ＜head ＞ ＜script type=text/javascript src=jquery.js ＞＜/script ＞ ＜/head ＞ 3、jQuery 语法 jQuery 是为 HTML 元素的选取编制的，可以对元素执行某些操作。 $(selector).action() · $美元符号定义 jQuery 。 · 选择符（selector ）“查询”和“查找”HTML 元素。 ·jQuery 的 action() 执行对元素的操作。 4、jQuery 选择器 jQuery 中包含了多种选择器，其中比较常用的就是元素选择器、属性选择器和css 选 择器，下面我们来一一看下他们的使用语法吧。 （1 ）元素选择器 IT 在线教育平台———麦子学院： 使用 CSS 选择器来选取 HTML 元素。 语法： $(p) ：选取＜p ＞元素。 $(ro) ：选取所有class=intro 的 ＜p ＞元素。 $(p#demo) ：选取所有 id=demo 的 ＜p ＞元素。 （2 ）属性选择器： 使用 XPath 表达式来选择带有给定属性的元素。 语法： $([href]) ：选取所有带有href 属性的元素。 $([href=#]) ：选取所有带有href 值等于 # 的元素。 $([href!=#]) ：选取所有带有href 值不等于 # 的元素。 $([href$=.jpg]) ：选取所有href 值以 .jpg 结尾的元素。 （3 ）CSS 选择器： 可用于改变 HTML 元素的 CSS 属性。 例： $(p).css(background-color,red); 5、jQuery HTML 获得\设置内容： text() ：设置或返回所选元素的文本内容。 IT 在线教育平台———麦子学院： html() ：设置或返回所选元素的内容（包括HTML 标记）。 val() ：设置或返回表单字段的值。 获取\设置属性： attr() ：用于获取、设置/改变属性值属性值。 例： $(button).click(function(){ alert($(#w3s).attr(href)); }); 添加新的内容： append() ：在被选元素的结尾插入内容。 prepend() ：在被选元素的开头插入内容。 after() ：在被选元素之后插入内容。 before() ：在被选元素之前插入内容。 删除元素/ 内容： remove() ：删除被选元素（及其子元素）。 empty() ：从被选元素中删除子元素。 操作 CSS ： addClass() ：向被选元素添加一个或多个类。 removeClass() ：从被选元素删除一个或多个类。 toggleClass() ：对被选元素进行添加/删除类的切换操作。 css() ：设置或返回样式属性。 IT 在线教育平台———麦子学院： jQuery 尺寸： width() 和 height() 方法 width() ：设置或返回元素的宽度（不包括内边距、边框或