zoukankan      html  css  js  c++  java
  • value,text,attr等区别

    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

    <<愿你被这世界温柔以待...>>
  • 相关阅读:
    计算机网络学习目录
    手把手教你玩微信小程序跳一跳
    (三)python函数式编程
    跟托福说分手
    (二)python高级特性
    BitCoin工作原理
    反向传播的工作原理(深度学习第三章)
    1.22计划
    梯度下降——神经网络如何学习?(深度学习第二章)
    什么是神经网络 (深度学习第一章)?
  • 原文地址:https://www.cnblogs.com/NotePad-chen/p/7380015.html
Copyright © 2011-2022 走看看