首页 > Web开发 > 详细

jQuery学习-访问设置元素内容

时间:2016-11-15 19:42:34      阅读:142      评论:0      收藏:0      [点我收藏+]

技术分享

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>访问设置元素内容</title>
        <script src="js/jquery.js"></script>
    
    
        <script type="text/javascript">    
            //页面加载完成简写形式
            $(function(){
                
                //设置内容
                $("#div1").html("<b> hello word!</b>");
                $("#div2").text("<b> hello word!</b>");
                
                //获取内容
                alert($("#div1").text());
                
                //获取text的value值
                $("#txt1").val("12312313131");
                alert($("#txt1").val());
                
                //利用数组一次性设置多个值
                $("#mselect").val(["a","c"]);
                
            })
        
        </script>
    </head>
    <body>
        <div id="div1"></div>
        <div id="div2"></div>
        <input type="text"  id="txt1" />
        <select id="mselect" multiple="multiple">
            <option value="a">A</option>
            <option value="b">B</option>
            <option value="c">C</option>
        </select>
    </body>
</html>

 

jQuery学习-访问设置元素内容

原文:http://www.cnblogs.com/whzym111/p/6066712.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!