jQuery

jQuery 学习笔记

基础

$是个函数

等同于 jQuery

1
Window.jQuery = window.$ = jQuery

$传递参数

  • 匿名函数:入口函数
  • #开头字符串:选择器,按 ID 选择元素
  • dom 对象:把 dom 对象转换成 jQuery 对象
  • html 标签:创建标签

dom 对象与 jQuery 对象

  • dom 对象只能调用 dom 方法或属性,不能调用 jQuery 方法或属性
  • jQuery 对象只能调用 jQuery 方法或属性,不能调用 dom 方法或属性
  • jQuery 对象是通过选择器选择的
  • jQuery 对象是个伪数组,是 dom 对象的包装集

dom 对象转 jQuery 对象

只用$()即可

jQuery 对象转 dom 对象

  • 使用下标(伪数组)取出来。
  • 使用 jQuery 的 get()方法

设置获取文本

使用 text()函数

  • 获取:无参,会获取这个标签和子标签的文本
  • 设置:字符串参数,覆盖原来的文本及标签,如果文本中有标签也不会解析

设置/获取样式

使用 css()函数

获取

  • 一个字符串参数,是样式名。
  • 如果获取多个 dom 对象,只能返回第一个 dom 的值

设置

  • 两个参数,第一个是样式名,第二个是样式值。设置的样式是行内样式
  • 一个对象参数,设置多个样式

放弃

改学 vue