<!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方法会将其当做普通文本直接输出。