value,text,attr等区别

摘要:
示例:$。attr返回dd,即value$的值。attr将其值设置为新$。attr将基名称设置为new,值为new。以下是本机写作方法4。test.innerHTML:即从对象的开始位置到结束位置的整个内容,包括Html标记。上面示例中test.innerHTML的值是“test1test2”。

1.value常和按钮一起使用,是默认的按钮上显示的文本
2.html()吧该标签里面的内容全部取出来,包括里面的html标签,val()是取出表单元素的value值,text()和html()相似,
但是不包括里面的html标签

<p class="ad1">我<span>呵呵</span></p>

$(function(){
    console.log($(".ad1").text());    //我呵呵
    console.log($(".ad1").html());    //我<span>呵呵</span>
})

// 补充一个属性选择器:input[type='checkbox']"


$('div').html();//获取该div所包裹的html标签及标签内的文本内容
$('div').text();//获取该div所包裹的去除html标签所剩余的文本内容
$('input').val();//获取文本框等具有value属性的元素的value属性值,也就是文本框输入的内容

3.attr方法,来获取和设置元素的各种属性。带一个string参数的是返回这个属性的值,
带两个参数的是设置这个属性的值。也可直接使用json来设置其属性,这样方便多了。
例:
$('#input1').attr('value')  返回 dd 即value的值
$('#input1').attr('value','新')  设置其value为新
$('#input1').attr({name:'new',value:'新'}) 设置基name为new,value为新

下面是原生的写法
4.test.innerHTML:
  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
  上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。
5.test.innerText:
  从起始位置到终止位置的内容, 但它去除Html标签
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText

免责声明:文章转载自《value,text,attr等区别》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇jquery实战——弹出框拖拽效果老张-biden career politician+enraged下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

支持插件的消息中间件【msg broker with plugin】 知然 博客园

支持插件的消息中间件【msg broker with plugin】 - 知然 - 博客园 支持插件的消息中间件【msg broker with plugin】 支持插件的消息中间件 msg broker with plugin Msg Broker概念: msg broker是实现application 之间互通讯的组件。通常为实现applicatio...

Solidot | 地球上有多少Java程序员?

Solidot | 地球上有多少Java程序员? 甲骨文说是九百万人;维基百科说是一千万;NumberOf.net的数目精确到个位,它说有9007346位Java程序员。但究竟有多少呢?我们不可能给地球的70亿居民每个人打电话,挨个问过去他/她是不是Java程序员,因此只能借助一些间接的手段去计算,如政府部门的程序员数据(估计全世界有4300万程序员...

YunTable开发日记(16)教程(0.9版RC)

YunTable开发日记 | 人云亦云 YunTable开发日记(16)-教程(0.9版RC) Posted on January 29, 2011by 吴朱华 8 为了帮助广大初学者能尽快上手YunTable,我代表整个YunTable核心团队写一篇使用教程,原因很简单,那就是我写文章比较熟练,呵呵:) 本教程将首先给大家介绍YunTable的...

GNU计划的起因及其现状

GNU是什么?什么是GNU计划?首先,我们需要搞清楚某些”时间点“,不懂得历史的过去,就不能很好地理解现在所发生事情的实质。 1953年3月16日,Richard Stallman出生于美国纽约,长大成人之后,是个很聪明、有才能的“小毛头”。1974年毕业于哈佛(Harvard)大学物理专业。毕业后,Stallman进入MIT人工智能实验室做程序开发工作。1...

Getting help with calibre

calibre - Help Getting help with calibreThe first place to look for the answers to your calibre related questionsis the list of Frequently Asked Questions .Try watching the Grand...

VC实现文件拖拽

在基于对话框的程序中,默认是没有这个消息的。 1、按下Ctrl+W,弹出类向导对话框,选择Class Info标签; 2、在Message fileter下拉列表中选择Window,然后再点击Message Maps标签; 3、这时就出现WM_DROPFILES消息了,添加该消息的响应函数。 [cpp] view plaincopyprint?...