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样式属性的属性值
参数只有一个,为对象语法形式
批量设定属性属性值
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,298评论 0 3
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,451评论 0 44
  • jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...
    croyance0601阅读 1,105评论 0 8
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,610评论 0 11
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,724评论 1 7