热门文章

联系方式

热门文章主页 > 热门文章 >

jquery获取内容和属性的方法,jquery获取内容

发布时间:2018-12-31 编辑:918Õ

jquery获取内容和属性的方法,jquery获取内容

  通过jquery如何捕获文本内容和属性?

  ag电子竞技俱乐部text(),html(),val()及attr()。

  attr()更具有普遍性,元素text属性和表单value属性,可以通过attr()操作。

  

<!DOCTYPE html>
<html>
<head>
    <title>jquey获取内容和属性</title>
    <script type="text/javascript" src="../jquery.min.js"></script>
    <script type="text/javascript">
        // jquery拥有可操作HTML元素和属性的强大方法。

        // text()设置或返回所选元素的文本内容

        // $(function(){
        //     $('#btn1').click(function(){
        //         alert($('p').text());
        //     });
        //     $('#btn2').click(function(){
        //         alert($('p').html());
        //     })
        // })
        // html()设置或返回所选元素的内容(包括HTML标记)
        // 连同html标签一起返回

        // val()设置或返回表单字段的值
        // 获得输入字段
        // $(function(){
        //     $('button').click(function(){
        //         alert('值:'+$('input').val());
        //     })
        // })

        // attr()获取属性值
        $(function(){
            $('button').click(function(){
                alert($('input').attr('value'));
            })
        })
        // 使用attr同样可以代替val(),如此例,属性value
        // 此方法是通过属性改变
    </script>
</head>
<body>
<!--     <p>这是段落中的<b>粗体</b>文本。</p>
        <button id="btn1">显示文本</button> -->
        <!-- <button id="btn2">显示HTML</button> -->
        <p>名称:<input type="text" name="" value="菜鸟教程"></p>
        <button>点击显示</button>
</body>
</html>

 

http://www.bkjia.com/jQuery/1297976.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/1297976.htmlTechArticlejquery获取内容和属性的方法,jquery获取内容 通过jquery如何捕获文本内容和属性? text(),html(),val()及attr()。 attr()更具有普遍性,元素text属性...

本文源自: 环亚国际

Copyright © 2005-2017 http://www.makilaro.com 环亚国际_环亚国际娱乐_环亚国际娱乐平台_腾讯财经版权所有 环亚国际_环亚国际娱乐_环亚国际娱乐平台_腾讯财经