jquery 简述

​本文已参与「新人创作礼」活动，一起开启掘金创作之路。 1、 什么是jQuery？ 是一款javaScript框架(代码库) 封装了javaScript中一些常用的功能代码，优化了对HTML文档的操作、 对元素节点的遍历(循环)、事件处理等等 如：jQuery具备对元素节点进行隐式遍历的功能 设计宗旨：写更少的代码，做更多的事情

2、 使用jQuery的步骤？ ① 将jQuery库(js文件)放入项目中的js文件夹 ② 在HTML文档的head标签中，通过script标签，设置src，引入jQuery ③ 在第二个script标签中，编写代码

3、 选择器？ 基本选择器 *id选择器 ("#id") *class选择器 (".class") 标签选择器 $("标签名") 全局选择器$("") *群组选择器 $("选择器1，选择器2...，选择器n") 其他选择器 :eq(索引) 根据指定索引选择到相应的元素节点 :not(选择器1) 选择到与选择器1相反的元素 :first/:last 选择到数组中第一个/最后一个元素 :contains(文本) 选择到包含指定文本的元素 :odd/:even 选择到数组中索引为奇/偶数的元素 :gt(索引)/:lt(索引) 选择到数组中大于/小于指定索引的元素 :empty/:has(选择器) 选择到没有/有子节点的元素 表单相关选择器$("input[type='text']") 和CSS类似 :password 选择到密码框 :checkbox/:radio 选择到复选/单选框 :disabled/:enabled 选择到不可用/可用的元素 :checked 选择到被选中的单选/复选 :selected 选择到被选择的下拉框选项 :submit 选择到能够结合form表单进行跳转的按钮 :input 选择到所有能够结合form表单实现传值的表单元素

4、 jQuery对象和js对象的互换转换？ ① 从js ---> jQuery var $jq对象 =$(js对象); ② 从jQuery ---> js var js对象 = $jq对象[0];

5、 jQuery中的循环？ 元素.each(function(索引，元素){ })

6、 jQuery中操作文字内容的方式？ ① 双标签 获取：元素.text()或元素.html() 修改：元素.text(修改后的内容)或元素.html(修改后的内容) ② 单标签 获取：元素.val() 修改：元素.val(修改后的内容)

7、 jQuery中操作元素节点？ ① 创建元素节点 var li = $("

Hello

"); ② 追加节点 父.append(子) 子.appendTo(父) 父.prepend(子) 子.prependTo(父) ③ 删除节点 父.empty() 会删除父元素中的所有子节点 指定元素.remove() 删除指定元素

8、 jQuery中的常用事件？ 和js相似，事件名称没有"on" 元素.hover(移入时函数， 移出时函数) 合并事件

9、 jQuery中的效果？ fadeIn()淡入 fadeOut()淡出 slideDown()滑入 slideUp()滑出 show()显示 hide()隐藏

10、 jQuery中操作属性节点的方式？ attr() prop()