20201029+袁鑫

学习日志

知识总结

jQuery

概述

jQuery是一个优秀的javascript的轻量级框架，兼容css3和各大浏览器，提供了HTML文档操作、事件处 理、动画设计和Ajax交互操作。并且jquery的插件非常丰富，大多数功能都有相应的插件解决方案。 jquery的宗旨是write less do more。

特点

1. 学习难易程度
2. 该框架对项目的影响程度

框架：是完成某种功能的半成品软件

jQuery与JS区别

jQuery虽然本质上也是js，但如果使用jQuery的属性和方法那么必须保证对象是jQuery对象而不是js对 象。

通过js方式获取的是js对象，通过jQuery方式获取的是jQuery对象。两者的关系与区别总结如下：

jQuery对象与js对象相互转换

• js --> jq
  $(js对象) 或 jQuery(js对象)
• jq --> js
  jq对象[索引] 或 jq对象.get(索引) 注意：jq对象本质上是js数组

jQuery的DOM操作【重点】

内容操作

1. html(): 获取/设置元素的标签体超文本内容 相当于：js中innerHTML

2. text(): 获取/设置元素的标签体纯文本内容 相当于：js中innerText

3. val()： 获取/设置元素的value属性值 相当于：js中value

属性操作

1. attr(): 获取/设置元素的属性
2. removeAttr():删除属性
3. prop():获取/设置元素的属性
4. removeProp():删除属性 特点：在jq1.6版本推出，解决attr 设计缺陷，专门来处理布尔类型的属性 例如：checked、selected等等

css样式操作

心得

今天的学习内容还比较轻松，开始慢慢的接触框架的东西了，差不多也算作基础的储备知识也差不多讲完了，明天加油！