JQuery小碎的知识点-1(未完)

JQuery小碎的知识点

1.怎样区分JQuery对象和DOM对象?

这个其实很简单,JQuery对象是利用工厂函数 $() 将DOM对象转化后的对象,如果没有进行二次修改变量名,那么前面一定带有''美元符号'',例如:$ (“#box”),通常情况下,如果是JQuery对象,那么在代码中习惯性的在前面加上”美元符号”,例如:var a=$(“#box”);,诸如此类.

2.如何进行JQuery对象和DOM对象的互相转化

首先声明,一下代码不是我的独创,是我借鉴别人的

<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <!--<body>
        JQuery对象转DOM对象
        <p>my</p>
        <p>my</p>
        <script src="js/jquery-1.8.3.js"></script>
        <script>
            var $cr = $("p"); //jquery对象
            var cr = $cr[1]; //dom对象
            var ct = $cr.get(0) //第二种转换为DOM对象的方式
            cr.innerHTML = "you" //检测是否转换成功，可以用DOM方法 输出结果为第二个my改成了you
            ct.innerHTML = 'fuck' //输出结果第一个my改成了fuck
        </script>
    </body>-->

    <body>
        DOM对象转化为JQuery对象
        <p>my</p>
        <p>my</p>
        <script src="js/jquery-1.8.3.js"></script>
        <script>
            var cr = document.getElementsByTagName("p") //DOM对象
            var $cr = $(cr); //jquery对象
            $cr.eq(0).html("fuck"); //检测是否转换成功，可以用jquery方法 输出结果为第二个my改成了fuck
            $cr.eq(1).html("you"); //输出结果为my改成you
        </script>
    </body>

</html>```

3.在运用removeClass方法时,需要注意的一点

,注意$(“#box”).removeClass() 中的括号,如果这个括号为空,那么你将要移除ID为box的中所有的样式.所以一定要慎重.

4.JQuery中ready事件简写

            //ready事件的完整写法
            $(document).ready(function(){

            });
            //简化写法
            $(function(){

            });```

JQuery小碎的知识点-1(未完)

猜你喜欢