首页 > 代码库 > jQuery学习-访问设置元素内容

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

2024-08-21 03:05:37   223人阅读

技术分享

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>访问设置元素内容</title>
        <script src=http://www.mamicode.com/"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=http://www.mamicode.com/"a">A</option>
            <option value=http://www.mamicode.com/"b">B</option>
            <option value=http://www.mamicode.com/"c">C</option>
        </select>
    </body>
</html>

 

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


联系
我们