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样式操作

心得

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

标签

评论

this is is footer