美文网首页
jQuery 学习 6-22

jQuery 学习 6-22

作者: 长大吃可爱多 | 来源:发表于2020-06-23 00:10 被阅读0次

以下针对jQuery1.xxx的版本的问题
1.入口函数中,js和jQuery的区别

1.语法上的区别:
       js的写法: window.onload = function(ev) {}
       jQuery的写法: $(document).ready(function() {})
2.原生js如果编写了多个入口函数,后面的会覆盖前面的
   jQuery中,如果编写了多个入口函数,会 从上到下的执行
3.原生JS会等到DOM元素加载完成后并且相关图片资源加载完成后执行入口函数
  jQuery会等到DOM元素加载完成之后,但是不会等到图片资源加载完成就会执行入口函数

2.jQuery入口函数的几种写法

1.$(document).ready(function() {})
2.jQuery(document).ready(function() {})
3.$(function() {})  (推荐)
4.jQuery(function() {})

3.jQuery的冲突问题

   在jQuery中会频繁的使用到$,如果其他的框架也使用了该符号,那么就会被覆盖掉。因此要解决该冲突,就要释放$的使用权
   jQuery.noConflict().
   释放必须在其他的jQuery代码之前释放
   释放之后就不能使用$,改为使用jQuery了

4.jQuery的核心函数

  $() / jQuery() 代表着调用了jQuery的核心函数
  核心函数可以接收哪些参数?
   1.接收一个函数  $(function() {}) 
   2.接收一个字符串
    2.1 接收一个字符串选择器   $(".div1")
    2.2 接收代码片段   $("<p>我是段落</p>")
    2.3 会被包装成一个jQuery对象返回给我们 
    var span = document.getElementByTagName('span')[0];
   //将span包装起来 返回出去
    var $span = $(span)

5.jQuery对象

  jQuery对象是一个伪数组
     什么是伪数组  ????
    有0~length-1的属性  有length属性 

6.jQuery静态方法

  jQuery中的each() 方法,是jQuery中的静态方法
  js中的forEach方法和jQuery中的静态方法的对比
     1.js的forEach方法不能遍历伪数组 ,jQuery中的each()方法可以遍历伪数组
     2.两个方法参数的顺序不同

相关文章

  • jQuery 学习 6-22

    以下针对jQuery1.xxx的版本的问题1.入口函数中,js和jQuery的区别 2.jQuery入口函数的几种...

  • jQuery

    jQuery学习: 最好的学习方法:查看jQuery的API jQuery下载: jQuery官网:http://...

  • 锋利的jquery学习

    锋利的jquery学习 @(Jquery) [TOC] jquery环境配置 从官网上下载jquery.js文件,...

  • Web前端JQuery入门实战案例

    前端jquery入门到实战 为什么要学习Jquery?因为生活。 案例: 使用jquery案例: jquery 快...

  • 前端基础入门五(掌握jQuery的常用api,实现动态效果)

    jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常...

  • jQuery概述

    jQuery简介 jQuery就是一个封装了很多方法的javaScript库。我们学习jQuery,其实就是学习j...

  • JQuery简单入门

    第一章:jQuery 简介 为什么要学习jQuery? 什么是jQuery? jquery的官网:http://j...

  • 2019-01-08

    我的jQuery学习 jQuery库是一个JavaScript文件 1.在jQuery...

  • 6-22号学习营

    6月22号。1未来三年的目标是什么?深根财商。从理论技术。专业实操。找到适合自己的工具方法,实操技能!用自己学到的...

  • 2018-06-12

    从零玩转jQuery-初识jQuery 课前须知: 学习jQuery前必须先掌握JavaScriptjQuery虽...

网友评论

      本文标题:jQuery 学习 6-22

      本文链接:https://www.haomeiwen.com/subject/jgkqfktx.html