zoukankan      html  css  js  c++  java
  • 第二章:jQuery初探

    一、引入jQuery
    XXXX.js文件
    <script>标签
    1、版本选择
    当前jQuery有两个分支
    1.x 支持ie6、7、8
    jquery-1.11.2.js:未经过压缩,适合同学们在学习的时候使用,可以浏览里面的源代码
    jquery-1.11.2.min.js:经过压缩,而是直接在生产环境下使用,体积更小,引入更快!
    2.x 不支持ie6、7、8
    jquery-2.1.3.js :未经过压缩,适合同学们在学习的时候使用,可以浏览里面的源代码
    jquery-2.1.3.min.js:经过压缩,而是直接在生产环境下使用,体积更小,引入更快!
    1.x与2.x拥有相同的API(函数名字,以及参数等等都是一样的,我们在使用的时候是没有区别的,只是内部实现可能不一样!)
    2、引入方法
    <script type="text/javascript" src="xxx.js"></script>
    二、第一个jQuery程序
    三、jQuery中的$函数
    1、$在jQuery中是一个函数名
    jQuery中有一个非常重要的函数:jQuery,为了使用方便它还有简写方式:$
    $函数是函数jQuery的简写形式,它是jQuery精彩世界的入口!
    2、$函数的参数以及功能
    $函数传入的参数类型不同所实现的功能也是不一样的,主要的参数类型有4种:
    1>传入一个函数
    传入的函数将在页面元素加载完毕之后再执行!
    2>传入选择器
    传入字符串形式的选择器
    3>传入htmlElement对象
    传入htmlElement对象可以转为jQuery对象
    4>传入html代码
    基于html代码片段生成新元素。
    3、自定义jQuery简写符号
    除了jQuery库之外,还有一些别的JavaScript库也使用$符号。这意味着在同一个页面若加载了多个库,可能就产生冲突。这种情况我们
    可以调用jQuery.noConflict方法让jQuery放弃使用$符号,也可以将其返回值赋给一个变量即可实现自定义jQuery的简写符号!
    1)让jQuery放弃简写符号$
    jQuery.noConflict();
    2)自定义简写符号
    var jq=jQuery.noConflict();
    四、等待页面加载完毕
    1、为什么要等待页面元素加载完毕
    页面是从上到下加载的!只有等页面的元素加载完毕了,我们才可以放心的对页面元素做各种操作!
    2、两种写法
    方法一:
    $(document).ready(function (){
    ...
    });
    方法二(简写方式):
    $(function (){
    ...
    });

  • 相关阅读:
    Maximum sum-动态规划
    Ubuntu14下Hadoop开发&lt;1&gt; 基础环境安装
    POJ 3252 Round Numbers 数学题解
    ubuntu环境 rake aborted!
    oracle decode函数用法
    Android多线程研究(1)——线程基础及源码剖析
    2014冬去春来
    Android中的动画详解系列【4】——Activity之间切换动画
    JavaScript你所不知道的困惑(3)
    研发人员技术定级的一些思考
  • 原文地址:https://www.cnblogs.com/seeding/p/11774971.html
Copyright © 2011-2022 走看看