jQuery的入口函数:

    特点:1. 等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完毕,jQuery帮我们完成了封装。

        2. 相当于原生js中的DOMContentLoaded。

        3. 不同于原生js中的load事件是等页面文档、外部的js文件,css文件,图片加载完毕才执行内部代码。

    方式一:

      $(document).ready(function(){

        . . .  //此处是页面DOM加载完成的入口

      });

    方式二:

      $(function(){

        . . .  //此处是页面DOM加载完成的入口

      });

    版本:1x:兼容 IE 6 7 8 等低版本浏览器

        2x:不兼容 IE 6 7 8 等低版本浏览器

       3x: 不兼容 IE 6 7 8 等低版本浏览器 ,官网主要更新维护的版本

    文档下载官方地址:https://jquery.com

    其他版本下载地址:htts://code.jquery.com 

    

     jQuery插件常用的网站:

      1.jQuery插件库:http://www.jq22.com

      2.jQuery之家:http://www.htmleaf.com

       

    $ 是 jQuery的顶级对象,相当于原生JavaScript中的window,把元素利用 $ 包装成jQuery对象,就可以调用jQuery的方法。

      $( 'div' ). hide( );   // 把元素div,使用 $ 符号包装成jQuery对象,调用 hide 方法

 

    JQuery对象和DOM对象的区别:

     1. jQuery 对象:

       jQuery方法获取的元素就是jQuery对象,本质是:利用 $ 对DOM 对象包装后产生的对象(伪数组形式存储)

       $(' div ');

      2. DOM对象:

       用原生 JS 获取来的对象就是DOM对象

       var myDiv = document.querySelector( 'div' );

         3. 两个对象并不一样,jQuery 对象只能使用jQuery的方法,DOM对象只能使用原生的JavaScript属性和方法。

      1.jQuery多库共存:

      问题概述:jQuery使用$作为标示符,随着jQuery的流行,其他js库也会用这$符号作为标识符,这样一起使用会引起冲突

       $(function(){

          function   $(ele){

            return document . querySelector(ele);

          }

          console . log($("div"));

       })

        1.如果 $ 符号冲突,我们就是用 jQuery

          jQuery . each( ) ;

        2.让 JQuery 释放对 $ 控制权 让用什么自己决定 

         var  zidingyi   = jQuery.noConflict( );

         console . log( zidingyi ("span"));

        zidingyi.each();

       2.图片懒加载插件:(图片使用延迟加载,可提高网页下载速度,他也能帮助减轻服务器负载)

         当我们页面滑动到可视区域,再显示图片

         我们使用jquery插件库 EasyLazyload。注意,此时的 js 引入文件和 js 调用必须写到DOM元素(图片)的最后面

       3.全屏滚动插件(fullpage.js)

          gitHub : https//github.com/alvarotrigo/fullPage.js

          中文翻译网站: http://www.dowebok.com/demo/2014/77/

         

JQ基本的更多相关文章

  1. jq选择器基础

    Jquery $代表选择器 使用jq必须要导入jq文件 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js&qu ...

  2. JQ实现判断iPhone、Android设备

    最近做了一版微信宣传页,通过JQ来判断设备,并进行下载 微信内置浏览器对下载链接进行了屏蔽,所以先进行判断,如果是微信内置浏览器,则跳转应用宝链接,如果不是,则判断是iPhone/Adroid/PC ...

  3. jq.validate隐藏元素忽略验证

    jq.validate隐藏元素忽略验证 现在有这样一个需求,当触发某类事件时候,需要在页面中显示input框,但是当不需要加载页面中的元素时候,进行隐藏.在这个需求的前提下,程序中对于input中的输 ...

  4. jq.validate 自定义验证两个日期

    jq.validate 自定义验证两个日期 首先定义有一个表单,date1和date2是属于表单的元素,若date1大于date2,返回false:若date1<date2,返回true.使用j ...

  5. jq方法中 $(window).load() 与 $(document).ready() 的区别

    通过自学进入了前端的行列,只知道在js中,一开头就写一个: window.onload = function(){ //doing sth} 然后所有的乱七八糟的代码全塞里面,大概知道window.o ...

  6. jq 根据值的正负变色

    效果图这样: 意思就是根据最后的百分值变色,值为负变绿色,值为正变红色. 所以只要取到那个标签里的值了,就能根据正负的判断决定颜色. 我的html部分这样: /*不过他们都说我的dom结构不太合理,同 ...

  7. jq 个性的隔行变色

      效果图大致这样: 我的html格式部分这样:/*不过他们都说我的dom结构不太合理,同意.BUT,我就是不想写表格而写成的这样的,所以后面jq部分也要迁就了*/ <div class=&qu ...

  8. 关于JQ toggle 的注意事项

    1.9.1以后的版本,好像不支持 jq 的 toggle function的用法啦.

  9. js与jq对数组的操作

    一.数组处理 1.数组的创建  var arrayObj = new Array(); //创建一个数组  var arrayObj = new Array([size]); //创建一个数组并指定长 ...

  10. js,jq,css选择器

    js获取节点: var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; / ...

随机推荐

  1. 17-vim-查找字符或单词-02-查找并替换

    在vi中查找和替换命令需要在末行模式下执行. 命令 功能 :%s///g 末行模式下,查找并替换字符.例:%s /hello/world/g 1.全局替换 一次性替换文件中的所有文件的旧文本. 命令格 ...

  2. mySQL单表限制大小

    MySQL单表大小的限制在目前的技术环境中,由所在主机的OS上面的文件系统来界定而不是由MySQL数据库本身来决定了. 在老版本的MySQL 3.22中,MySQL单表大小为4GB,当时的MySQL的 ...

  3. css图片文字

    1.浏览器是把 html 和 css 一起下载并执行的,计算机里把两件事情同时做  异步加载.计算机中的同步异步和我们生活中的正好是相反的. 补充: 同步,是所有的操作都做完,才返回给用户结果.即写完 ...

  4. OpenGL学习——绘制矩形

    接下来稍微扩展一步,绘制矩形,即两个拼在一起的三角形. 引入一个概念, EBO Element Buffer Object  元素缓冲对象, EBO用于存放描述“顶点绘制顺序”的对象. 外注:创建VS ...

  5. input | button | textarea 元素的checked, disabled,hidden属性控制

    这三种元素涉及到的checked, disabled,hidden属性的控制方法如下 一.attribute方法: //以下3行,都会影响HTML的( checked | disabled | hid ...

  6. liunx下在线安装mysql

    一:在线安装mysql 1.首先检测一下,mysql之前有没有被安装 命令:rpm -qa | grep mysql 2.删除mysql的命令: rpm -e --nodeps `rpm -qa | ...

  7. 修改Centos中的ll命令(以 K 为单位显示文件大小)

    修改CentOS ll命令:以K 为单位显示文件大小 1.编辑 .bashrc 文件:vim /root/.bashrc 2.找到 alias ll 行修改为(如果没有直接添加该行):alias ll ...

  8. js 邮箱,手机电话验证

    var mail=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; var tel=/^(\d3,4|\d{3,4} ...

  9. C#接口的作用实例解析

    一.接口的作用: 我们定义一个接口: public interface IBark { void Bark(); } 1.  再定义一个类,继承于IBark,并且必需实现其中的Bark()方法 pub ...

  10. 如何基于 Nacos 和 Sentinel ,实现灰度路由和流量防护一体化

    基于Alibaba Nacos和Sentinel,实现灰度路由和流量防护一体化的解决方案,发布在最新的 Nepxion Discovery 5.4.0 版,具体参考: 源码主页,请访问 源码主页指南主 ...