jQuery基本方法的扩展

来源：互联网发布：动作片推荐知乎编辑：程序博客网时间：2024/06/14 21:42

<!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，但是获取元素（弹窗）只能获取第一个divtext(): 与html()相比，它能获取所有的内容remove():删除元素，且会删除它之前所有的行为事件detach():删除元素，但是会保留它之前所有的行为事件$():等DOM加载完成就可以执行了-->

阅读全文

0 0