您的位置:首页 > Web前端 > JQuery

jQuery对象转换为DOM对象

2013-11-26 22:39 344 查看
第一种方法:

借助数组下标来读取jQuery对象集合中的某个DOM元素对象。
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script type ="text/javascript">

        $(function () {

            var $li = $("li"); //返回jQuery对象

            var li = $li[1]; //返回DOM对象

            alert(li.innerHTML);

        })     

    </script>
<ul>

        <li>列表 1</li>

        <li>列表 2</li>

        <li>列表 3</li>

    </ul>

第二种方法:

借助jQuery对象的get()方法。为get()方法传递一个下标值,即可从jQuery对象中取出一个DOM对象元素。
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script type ="text/javascript">

        $(function () {

            var $li = $("li"); //返回jQuery对象

            var li = $li.get(0); //返回DOM对象

            alert(li.innerHTML);

        })     

    </script>
<ul>

        <li>列表 1</li>

        <li>列表 2</li>

        <li>列表 3</li>

    </ul>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery