分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jQuery(属性操作)

发布时间:2023-09-06 02:00责任编辑:顾先生关键词:jQuery

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(属性操作)

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved