码迷,mamicode.com
首页 > Web开发 > 详细

jQuery(属性操作)

时间:2018-06-16 14:31:01      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:style   属性   设置   文本   12px   attr   move   添加   last   

 

1、操作任意属性

  a、attr()

//1. 读取第一个div的title属性
  console.log($(div:first).attr(title)) // one


//2. 给所有的div设置name属性(value为atguigu)
  $(div).attr(name, Tom)

  b、removeAttr()

//3. 移除所有div的title属性
  $(div).removeAttr(title)

  c、prop

 //11. 点击‘全选‘按钮实现全选
    // attr(): 操作属性值为非布尔值的属性
    // prop(): 专门操作属性值为布尔值的属性
  var $checkboxs = $(:checkbox)
  $(button:first).click(function () {
    $checkboxs.prop(checked, true)
  })

  //12. 点击‘全不选‘按钮实现全不选
  $(button:last).click(function () {
    $checkboxs.prop(checked, false)
  })

 

 

2、操作class属性

  a、addClass()

//4. 给所有的div设置class=‘name‘
  $(div).attr(class, name)


//5. 给所有的div添加class=‘abc‘
  $(div).addClass(abc)

  b、removeClass() 

3、操作html代码、文本、值

  a、html()

//7. 得到最后一个li的标签体文本
  console.log($(li:last).html())

  //8. 设置第一个li的标签体为"<h1>mmmmmmmmm</h1>"
  $(li:first).html(<h1>mmmmmmmmm</h1>)

  b、val()

//9. 得到输入框中的value值
  console.log($(:text).val()) // 读取

  //10. 将输入框的值设置为atguigu
  $(:text).val(value) // 设置      读写合一

 

 

 

                             

 

jQuery(属性操作)

标签:style   属性   设置   文本   12px   attr   move   添加   last   

原文地址:https://www.cnblogs.com/lzb0803/p/9190349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!