js/jquery中添加删除获取内容方法

最新推荐文章于 2022-09-27 21:25:28 发布

weixin_34211761

最新推荐文章于 2022-09-27 21:25:28 发布

阅读量260

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/ochmdlc/blog/838382

版权

2019独角兽企业重金招聘Python工程师标准>>>

1.attr(attr() 方法设置或返回被选元素的属性值)

(1)$(selector).attr(attribute) 返回返回被选值

（2）$(selector).attr(attribute,value) 设置属性值

（3）$(selector).attr(attribute,function(index,oldvalue)) 通过函数设置属性值

$("button").click(function(){ $("img").attr("width",function(n,v){return v-50; }); });
（4）$(selector).attr({attribute:value, attribute:value ...})设置多个属性值

2.getAttribute() 方法返回指定属性名的属性值。

3.获得内容 - text()、html() 以及 val()

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串

$("#btn1").click(function(){
$(".test1").text(function(i,origText){ return "Old text"+i+": " + origText + " New text: Hello world! (index: " + i + ")";   }); });
   $("#btn2").click(function(){ $("#test2").html(function(i,origText){
return "Old html: " + origText + " New html: Hello <b>world!</b> (index: " + i + ")";   }); });

4.用于添加新内容的四个 jQuery 方法：

append() - 在被选元素的结尾(元素内部)插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后（元素之外）插入内容
before() - 在被选元素之前插入内容

append() 和 prepend() 方法能够通过参数接收无限数量的新元素。可以通过 jQuery 来生成文本/HTML（就像上面的例子那样），或者通过 JavaScript 代码和 DOM 元素

这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 append() 方法把这些新元素追加到文本中（对 prepend() 同样有效）：

function appendText()
{
var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
var txt3=document.createElement("p");  // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);         // 追加新元素
}

5.如需删除元素和内容，一般可使用以下两个 jQuery 方法：