JQuery初学

<body>
<div id="div1" class="cl1">我是div元素</div>
<div class="cl1">我也是div元素</div>
<span class="cl1">我不是div元素</span>
<span>我也不是div元素</span>
<span>我可以肯定我不是div</span>

<input type="text"/>
<button onclick="getinfo()">使用jQuery获取页面元素</button>
<script src="js/jquery-1.12.2.min.js"></script>
<script>
//    alert($);
    function getinfo(){
//        alert($("form").length);
        // 获取第一个div元素的内容
        // html函数对应 innerHTML
        // val函数对应表单项的 value
//        $('input').eq(0).val($('div').eq(0).html());
        //
//        $("#div1").html($("#div1").html()+'<a href="#">我是超链接</a>');

        $('input').eq(0).val($('.cl1').length);
    }

</script>
</body>

posted on 2017-03-19 21:57  夏尔·凡多姆海恩  阅读(69)  评论(0编辑  收藏  举报