jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换

JavaScript与jquery的区别

  1. JavaScript是一门编程语言,用来编写客户端浏览器脚本。
  2. jQuery是javascript的一个库,包含多个可重用的函数,用来辅助简化javascript开发
  3. jQuery能做的javascript都能做到,而JavaScript能做的事情,jQuery不一定能做到

jQuery文件的引入

<body>
    <div class="box"></div>
    <!--引包(引入jquery库)-->
<script type="text/javascript" src="jQuery3.3.1.js"></script>
<script>
    //调用时使用jQuery与$是一样的
    //第一个参数是选择器(类选择器)
    console.log(jQuery(‘box‘));
    console.log($(‘box‘));
</script>

jQuery的入口函数

<body>
<!--Jquery框架封装的时候模仿得失伪数组对象,有索引和length,以及n个方法-->
<script type="text/javascript" src="jQuery3.3.1.js"></script>
<script>
    //window.onload() 1 覆盖现象。2 等待图片资源加载完成之后才调用脚本代码,用户体验极差

    //入口函数
    //返回的是jquery
    //jquery对象与js对象之间的转换
    console.log($(document)[0]);

    //等待文档资源加载完成之后调用此方法:
    $(document).ready(function () {
        alert(1)
    });

    //jquery简便写法入口函数,两种入口函数没有覆盖现象
    $(function () {
        alert(2)
    });

    $(window).ready(function () {
        alert(3)
        //表示图片资源加载完成之后
    })
</script>
</body>

jQuery对象与js对象的互相转换

为什么两种对象要进行互相转换,解释在注释里!

<body>
    <div id="box"></div>
    <div id="box2"></div>

    <script type="text/javascript" src="jQuery3.3.1.js"></script>
    <script>
    $(function () {
        //转换为jqery对象 js对象更加希望转换成jquery对象操作简便的dom
        //转换为js对象的原因:因为js是包含jquery,jquery只是封装了DOM,事件,ajax,动画。
            //假如说jquery对象要使用的方法不在封装里面,只能转换成js对象

        //js对象与jquery对象一定要分清除,对应对象只能调用对应的方法,不能混淆

        //获取jquery对象
        console.log($(‘#box2‘));

        //获取js对象
        var box = document.getElementById(‘box2‘);
        console.log(box);

        //jquery对象转换成js对象
        console.log($(‘#box2‘)[0]);

        //js对象转换为jquery,直接将js对象传到$()中
        console.log($(box));
    })
    </script>
</body>

原文地址:https://www.cnblogs.com/wualin/p/10046471.html

时间: 2024-10-22 19:50:58

jQuery的文件引入、入口函数以及js对象和jquery对象之间的互相转换的相关文章

什么是jquery $ jQuery对象和DOM对象 和一些选择器

1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的方法名太长,难记4.代码容错性较差5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉 3 jQuery版本介绍: 大版本 : 1 2 3 1 兼容ie6.7.8 2 3 不兼容 小版本: 压缩版(生产环境中用) 没有注释 没有换行 没有空格 变量名 都是 a b c d 这种模式 体积特别

JS json字符串转对象、对象转字符串

JSON是javascript原生格式,在JavaScript中处理json数据不需要任何特殊的API或者工具包. JSON中,有两种结构:对象和数组. 在数据传输流中,json是以文本,即字符串的形式传递的,而JS操作的是json对象,因此,json对象和json字符串之间的互相转换关系是关键. 一.json字符串转json对象 1.json字符串转json对象 var str = '{"a":"a1","b":"b1"}'

js入口函数跟jQuery入口函数的区别

JS的window.onload事件必须要等到所有内容,以及外部图片之类的文件加载完之后,才会去执行. JQuery入口函数是在所有标签加载完之后,就会去执行. 接着,通过JS的一个覆盖问题引出对JQuery入口函数实现的解释. JS的入口函数window.onload函数有一个覆盖的问题,当文档中出现2个window.onload函数的时候,后者会覆盖前者,导致功能实现不了.但是JQuery却没有这样的问题,重要是因为JQuery入口函数只是对封装好了的方法的一个调用,只不过传的参数不同而已.

jquery的引入、入口函数、选择器、对内容的操作、对元素的操作、属性操作

---恢复内容开始--- jquery的引入:(路径需要更改) <script src="../public/jquery-3.3.1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> query的入口函数: $(document).ready(function(){ }) $(function(){ }) jquery的选择器: 基

jQuery和JS入口函数的区别

1.通过原生的JS入口函数和jQuery入口函数都可以拿到DOM元素 2.通过原生的JS入口函数可以拿到DOM元素的宽高,jQuery入口函数不可以拿到DOM元素的宽高 3.原生JS和jQuery入口函数的加载模式不同 原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行 jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行 4.原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的,jQuery中编写多个入口函数,后面的不会覆盖前面的 原文地址:https://

js和jQuery入口函数的区别

一.原生Js和jQuery入口函数加载模式不同. 1.原生Js会等到DOM元素加载完毕,并且图片也加载完毕才会执行: 2.jQuery会等到DOM元素加载完毕,但不会等到图片加载完毕就会执行. 二.编写多个入口函数的区别. 1.原生Js如果编写多个入口函数,后面编写的会覆盖前面编写的: 2.JQuery中编写多个入口函数,后面的不会覆盖前面的. 原文地址:https://www.cnblogs.com/misi/p/10389399.html

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

JavaScript笔记(三):JS也有入口函数Main

在C和Java中,都有一个程序的入口函数或方法,即main函数或main方法.而在JavaScript中,程序是从JS源文件的头部开始运行的.但是某种意义上,我们仍然可以虚构出一个main函数来作为程序的起点,这样一来不仅可以跟其他语言统一了,而且说不定你会对JS有更深的理解. 1. 实际的入口 当把一个JavaScript文件交给JS引擎执行时,JS引擎就是从上到下逐条执行每条语句的,直到执行完所有代码. 2. 作用域链.全局作用域和全局对象 我们知道,JS中的每个函数在执行时都会产生一个新的