jQuery入门三之基本操作

四.属性操作

1.关键词

• prop (最新版本的jQuery已经弃用,不推荐使用)
• attr (推荐使用的关键词)

2.获取指定属性的属性值

$( ).attr('属性')

3.设定指定属性的属性值

$( ).attr('属性' , 属性值)
//可以设定自定义属性以及属性值

4.删除指定属性

$( ).removeAttr('属性')

5.注意

属性操作不是样式操作

五.class类名操作

1.新增class类名属性值

$( ).addClass('类名')
//新增类名,是在原有类名的继承上,新增的类名

2.删除class类名属性值

$( ).removeClass('类名')

3.判断是否有这个类名

$( ).has('类名')
	//返回值是布尔类型,不可以继续链式编程

4.切换类名

$( ).toggleClass('类名')
//如果有这个类名就做删除类名操作,如果没有这个类名就做添加类名炒作

5.注意

这里是进行的class的类名操作,不是进行样式操作。
如果jQuery的操作,是获取或者设定操作,那么可以继续执行链式编程。
如果jQuery的操作,是返回值操作,那么不可以继续执行链式编程。

六.内容操作

1.$( ).html()

• 全覆盖操作
• 可以解析标签
• 没有参数
  获取标签对象的内容
• 设定参数
  设定标签对象的内容

2.$( ).text()

• 全覆盖操作
• 不能解析标签
• 没有参数
  获取标签对象的内容
• 设定参数
  设定标签对象的内容

3.$( ).val()

• 全覆盖操作
• 没有参数
  获取标签对象的数据
• 设定参数
  设定标签对象的数据
• 注意
  select>option
  获取数据时,是从select标签对象获取
  设定数据时,要设定在option标签上
  input>file
  只能获取数据,不能设定数据

七.css样式操作

1. $( ).css(属性)

获取标签对象的指定css样式属性的属性值

2. $( ).css(属性 , 属性值)

设定标签对象的指定css样式属性的属性值
单一属性属性值的设定

3. $( ).css({ 属性:属性值 , 属性:属性值 })

设定标签对象的指定css样式属性的属性值
参数只有一个,为对象语法形式
批量设定属性属性值