美文网首页
jQuery入门三之基本操作

jQuery入门三之基本操作

作者: bigFish_Yu | 来源:发表于2020-02-25 21:21 被阅读0次

四.属性操作

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样式属性的属性值
参数只有一个,为对象语法形式
批量设定属性属性值

相关文章

  • jQuery入门三之基本操作

    四.属性操作 1.关键词 prop (最新版本的jQuery已经弃用,不推荐使用) attr (推荐使用的关键词)...

  • dart入门潜修系列教程

    dart入门潜修基础篇之基本语法和内置类型dart入门潜修基础篇之方法dart入门潜修基础篇之操作符dart入门潜...

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

  • 2018-04-08

    JQuery 赋值基本操作整理,(转)

  • JQuery

    JQuery 基础:概念快速入门JQuery对象和JS对象区别与转换选择器DOM操作案例 JQuery 基础: 概...

  • jQuery基本操作

    jquery选择器 选择集转移 click事件 jquery索引值 jquery选项卡 jQuery属性操作

  • JQuery基本操作

    (1)jQuery加载 jQuery加载 // alert();//弹...

  • jQuery基本操作

    1、文本操作: 2、样式操作:addClassremoveClasstoggleClass例如: 3、属性操作:

网友评论

      本文标题:jQuery入门三之基本操作

      本文链接:https://www.haomeiwen.com/subject/resqchtx.html