夺命雷公狗jquery---16文本与值的设置 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            window.onload = function(){
                $('#btnok')[0].onclick = function(){
                    //1.获取input表单的value值
                    //alert($('#content').val());
                    
                    //2.获取div元素的值
                    alert($('#result').html());
                    
                    //3.设置input 表单的value值
                    //$('#content').val('您想干嘛');
                    
                    //设置div元素的值
                    //$('#result').html('test');
                    
                    //5.获取div元素的text值
                    //alert($('#result2').text());

                    //通过text设置元素的值
                    $('#result').text('text');

                    //小结，通过.html（）设置别的元素标签时候是可以正常解析的
                    //如果采用的text的，那么他里面的标签并不解析，而是作为文本进行输出了
                }
            }
        </script>
    </head>
    <body>
        <input type="button" id="btnok" value="文本/值" />
        <hr />
        <input type="text" id="content" value="表单的value值">
        <hr />
        <div id="result">jquery文本与属性操作</div>
        <div id="result2"><font size="5">jquery文本与属性操作2</font></div>
    </body>
</html>

 

总结：1）什么时候使用html方法？什么时候使用val方法

答：在实际开发过程中，表单元素如input等情况通常使用val方法进行获取，对于如div、span等双标签元素通常采用html方法进行获取。

  2）html方法与text方法区别

答：html方法与text方法对于节点中的文本获取两者都是一致，但是如果节点的内部具有子节点，那么html方法可以获取到子节点以及文本节点，而text方法只能获取文本节点。

html方法与text方法在节点设置时也有不同：html设置时，如果包含html标签，是可以正常解析的，而text方法会将其当做普通文本直接输出。

posted @ 2015-10-26 01:41  夺命雷公狗  阅读(188)  评论(0)  编辑  收藏  举报