jQuery方法,DOM其他操作(attr,text等)

  • 1.属性操作
  • 设置属性:
    attr()
// 给某个元素设置多个属性/值,参数是map
$(”img”).attr({src:”test.jpg”,alt:”test Image”});
// 第一个参数表示:要设置的属性名称   第二个参数表示:该属性的值 
$(”img”).attr(”src”,”test.jpg”); 给某个元素设置属性/值
$(”img”).attr(”title”, function() { return this.src }); 给某个元素设置属性/值
  • 获取属性
    attr()
// 参数为:只传入要获取的属性的名称即可返回指定属性的值  
$("img").attr(“title”); 
  • 移除属性
    removeAttr()
$(”元素名称”).removeAttr(”属性名称”) 删除某元素指定的属性以及该属性的值
  • 2.值和内容
  • text() 方法
$(”元素名称”).text(); 获得该元素的文本
$(”元素名称”).text("内容"); 设置操作带参数,参数表示要设置的文本内容 
  • html()方法
$(”元素名称”).html(); 获得该元素内的内容(元素,文本等)
$(”元素名称”).html(”<b>new stuff</b>”); 给某元素设置内容
  • val()方法
    作用:设置或返回表单元素的值,例如:input,select,textarea的值
$(”input元素名称”).val(); 获取input元素的值
$(”input元素名称”).val("value"); 设置input元素的值为value
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,851评论 0 44
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,918评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,247评论 0 2
  • jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...
    croyance0601阅读 4,743评论 0 8
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 5,614评论 0 11

友情链接更多精彩内容