码迷,mamicode.com
首页 > Web开发 > 详细

初识jQuery

时间:2017-07-01 16:19:18      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:多行   script   2.4   转换   jquer   obj   .text   nbsp   doc   

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>测试</title>
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript">
        $(function(){
            // dom中使用innerHTML,innerText,value获取内容
            var dom=document.getElementById("box");
            //alert(dom);  // 显示 [object HTMLDivElement]
            var result=dom.innerHTML;
            //alert(result); // 显示 <p>今天是2017年7月1日,<span>香港回归20周年!</span></p>
            var result1=dom.innerText;
            alert(result1);  // 显示  今天是2017年7月1日,香港回归20周年!
            // var result2 = dom.value;  此处不用这句是因为只有表单元素才有value
            // 表单元素有: ①input开头的  ②select-option ③ 多行文本域 <textarea>
            //jquery中用text(),html(),val()获取内容、
            var result3=$("div").text();
            //alert(result3);   // 显示  今天是2017年7月1日,香港回归20周年!
            var result4=$("div").html();
            //alert(result4) // 显示 <p>今天是2017年7月1日,<span>香港回归20周年!</span></p>
            //dom与jquery的转换
            //dom转换成jquery
            var result5=$(dom).text();
            //jquery转换为dom
            var jq=$("div");
            var result =jq[0].innerHTML; // 或者var result = jq.get(0).innerHTML;
        });

    </script>
</head>
<body>
<div id="box">
    <p>今天是2017年7月1日,<span>香港回归20周年!</span></p>
</div>
</body>
</html>

 

初识jQuery

标签:多行   script   2.4   转换   jquer   obj   .text   nbsp   doc   

原文地址:http://www.cnblogs.com/alexanderthegreat/p/7102525.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!