1.本质上的区别

  • js 都知道是网页脚本语言，类似 java 是一种开发常用语言

  • jQuery 是基于 js 语言封装出来的一个前端框架，jQuery 就是

    2.用法区别

    2.1.最直观的区别：

    外观上 jQuery 对象比 JS 对象多了 $() 一层马甲，这是最直观的区别

    2.2.操作内容

  • 非表单元素（如果是文本就用text方法，如果是html代码就用html方法）

jQuery 的取值赋值用一个函数

  1. $div.text()    // 无参数的情况下是取值
  2. $div.text('Hello') // 有参数的情况下是赋值
  3. $div.html()    // 无参数的情况下是取值
  4. $div.html('World') // 有参数的情况下是赋值
  • 表单元素
  • JS: div.value;——取值；div.value = xxx;——赋值

  • [x] jQuery: div.val();——无参数是取值，有参数是赋值

    2.3.操作属性

  • JS里面用来操作属性的方法是

    1. div.setAttribute() // 设置属性、修改属性
    2. div.removeAttribute() // 移除属性，引号里面写一个属性名
    3. div.getAttribute() // 获取属性

  • JQUERY里面用来操作属性的方法

  • 添加属性：div.attr(‘test’,’aa’);——给这个 attr 方法加入参数，属性名叫做 test，属性的值是 aa
  • 移除属性：div.removeAttr(‘test’);——移除 test 这条属性

  • [x] 获取属性：div.attr(‘test’);——在 attr 方法里面直接写入一个属性的名就可以了

    2.3.操作样式

  • JS 里面操作样式的关键字是 style

    • 例：div.style.backgroundColor = 'red' // 把这个div的背景色设置成为了红色
  • jQuery 里面操作样式的关键字是 css
    • 例：div.css("background-color","yellow") // 把这个div的背景色变为黄色
    • 在这里 CSS 里面所有的样式和 CSS 样式表里面的样式是一模一样的没有任何变化