jQuery基本方法的扩展

最新推荐文章于 2018-08-09 11:15:46 发布

只看五分钟佩奇的小姑姑

最新推荐文章于 2018-08-09 11:15:46 发布

阅读量356

点赞数

文章标签： jquery 扩展

本文链接：https://blog.csdn.net/aloe_904/article/details/78406744

版权

前端的尘封往事专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <style type="text/css">
        #div1{height: 100px;width: 200px;display: none;}
    </style>

    <script type="text/javascript" src="../jquery-3.2.1.min.js"></script>

    <script type="text/javascript">
    $(function(){
        alert($('#div1').get(0).innerHTML);//如果div里面有标签，也会输出
        alert($('#div1').outerWidth());
        $('div').text('<h1>h1</h1>');//<h1>h1</h1>
    });
    </script>
</head>
<body>
    <div id="div1">div</div>
    <div>ni</div>
</body>
</html>


----------


<!-- 
get():就是把jq转化为原生的JS，JS和jq可以共存但不能共用，通过get()可以共用 ,里面的数字表示下标，还有length属性。
outerWidth():获取隐藏元素的width值,针对的是隐藏元素，display：none；
html(): $('div').html(),能够赋值所有的div，但是获取元素（弹窗）只能获取第一个div
text(): 与html()相比，它能获取所有的内容
remove():删除元素，且会删除它之前所有的行为事件
detach():删除元素，但是会保留它之前所有的行为事件
$():等DOM加载完成就可以执行了
-->