什么是JQuery和JQuery对象

最新推荐文章于 2022-04-17 15:47:32 发布

KKXXZX

最新推荐文章于 2022-04-17 15:47:32 发布

阅读量1.5k

点赞数 1

本文链接：https://blog.csdn.net/zx6571269/article/details/79069371

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

什么是JQuery和JQuery对象

标签（空格分隔）：什么是JQuery JQuery对象

jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程。

JQuery的导入

image_1c3sjk1hs11rm18m17p63h7c7o9.png-6.1kB

<head>
        <meta charset="UTF-8">
        <title>JQuery的导入</title>
        <!-- Jquery的导入  -->
        <script type="text/javascript" src="js/jquery-1.7.2.js" ></script>
    </head>

JQuery写法

window.onload = function()与 $(document).ready(function() 区别，window.onload只能出现一次。$ (document).ready(function() 可以才出现多次。

    <script>
            //JavaScript写法
            window.onload = function(){
                alert(456);
            };
            //JQuery写法
            $(document).ready(function(){
                alert(123);
            });

            //JQuery简化写法
            $(function(){
                alert(789)
            });
        </script>

JQuery对象与Dom对象的转换

JQuery对象是通过JQuery（$()）包装的dom对象，JQuery 对象不能使用Dom对象的方法，Dom对象不能使用JQuery对象的方法。

JQuert对象本身就是一个数组

    <script>
            $(function(){
                var $btn = $('button');
                alert($btn.length); //打印4
            })

    </script>


        <button>按钮</button>
        <button>按钮</button>
        <button>按钮</button>
        <button>按钮</button>

JQuery对象与Dom对象相互换。

将JQuery对象转换成Dom

    <script>
            $(function(){
                var $btn = $('button');
                //第一种将JQuery转换为Dom对象方法
                var b1 = $btn[0];
                alert(b1.firstChild.nodeValue);
                //第二种将JQuery转为dom对象的方法：
                var b2 = $btn.get(0);
                alert(b2.firstChild.nodeValue);
            })

    </script>

Dom 对象转换成JQuery对象,用$()包裹dom对象

    <script>
            $(function(){

                var btn = document.getElementById("btn");

                var $bt = $(btn)

                alert($bt.html())
            }); 
        </script>

KKXXZX

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
什么是JQuery和JQuery对象

什么是JQuery和JQuery对象标签（空格分隔）：什么是JQuery JQuery对象jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程。JQuery的导入head> meta charset="UTF-8"> title>JQuery的导入title>
复制链接

扫一扫

专栏目录