一、引入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 (){
...
});

第二章:jQuery初探的更多相关文章

  1. jQuery系列 第二章 jQuery框架使用准备

    第二章 jQuery框架使用准备 2.1 jQuery框架和JavaScript加载模式对比 jQuery框架的加载模式 <script> window.onload = function ...

  2. 第二章 jQuery数组和字符串

    章节内容: 1.利用数组在列表中显示名字 (1)利用数组显示名字列表--join()方法 (2)从数组中获取名字并追加到有序列表--each()方法 (3)利用HTML元素创建数组和计算数组长度--g ...

  3. 第二章 jQuery选择器

    选择器是行为与文档内容之间的纽带,其目的是能轻松的找到文档中的元素. jQuery中的选择器继承了CSS的风格.利用jQuery选择器,可以非常便捷快速地找出特定的DOM元素,然后给它们添加相应的行为 ...

  4. 第二章 jquery的dom操作

    三个方面    dom核心,html-dom和css-dom 一. 1.dom core核心 document.getElementsByTagName("form")  获取表单 ...

  5. 第二章 jQuery框架使用准备

    window常用属性: History:有关客户访问过的URL的信息 Location: 有关当前url的信息 常用方法: Confirm()将弹出一个确认对话框 open()在页面上弹出一个新的浏览 ...

  6. jquery 第二章

    1.本章目标    css样式    选择器2.css样式    宽.高.边框.背景颜色.字体....... <html> <head> <style> div{ ...

  7. jQuery复习:第二章&第三章

    第二章 一.选择器 1.层次选择器 $(“ancestor descendant”)选取ancestor元素里的所有后代元素 $(“parent > child”)选取parent元素下的chi ...

  8. Hibernate初探之单表映射——第二章:Hibernate进阶

    第二章:Hibernate进阶 1.hibernate.cfg.xml常用配置 2.session 简介 3.transaction简介 4.session详解 5.对象关系映射常用配置 1.hibe ...

  9. Asp.Net MVC4 + Oracle + EasyUI 学习 第二章

    Asp.Net MVC4 + Oracle + EasyUI 第二章 --使用Ajax提升网站性能 本文链接:http://www.cnblogs.com/likeli/p/4236723.html ...

  10. 第7章 jQuery插件的使用和写法

    第7章 jQuery插件的使用和写法 插件又称扩展,是一种遵循一定规范的应用程序接口写出来的程序. 插件的编写思想基于面向对象. 获取最新的插件可以查看jquery官网:http://plugins. ...

随机推荐

  1. hdu5438 Ponds[DFS,STL vector二维数组]

    目录 题目地址 题干 代码和解释 参考 题目地址 hdu5438 题干 代码和解释 解答本题时参考了一篇代码较短的博客,比较有意思,使用了STL vector二维数组. 可以结合下面的示例代码理解: ...

  2. 欢迎来到地狱 WriteUp(2019暑假CTF第一周misc)

    目录 0707,0708,0709 题目地址:欢迎来到地狱 1.地狱伊始.jpg 1.5地狱之声.wav 2.第二层地狱.docx 3.快到终点了.zip 参考 0707,0708,0709 题目地址 ...

  3. pxe问题

    可能镜像路径问题 https://blog.csdn.net/geek_tank/article/details/69479196 一.vmlinuz vmlinuz是可引导的.压缩的内核.“vm”代 ...

  4. Hadoop版本升级(2.7.6 => 3.1.2)

    自己的主机上的Hadoop版本是2.7.6,是测试用的伪分布式Hadoop,在前段时间部署了Hive on Spark,但由于没有做好功课,导致了Hive无法正常启动,原因在于Hive 3.x版本不适 ...

  5. pip install --upgrade urllib3==1.25.2

    pip install --upgrade urllib3==1.25.2 pip 安装,更新模块   moudle_name:是对应的模块名:请自行更换为自己需要更新的模块名 查看所有可更新的模块: ...

  6. SnowFlake分布式ID生成及反解析

    概述 分布式id生成算法的有很多种,Twitter的SnowFlake就是其中经典的一种,SnowFlake算法生成id的结果是一个64bit大小的整数,它的结构如下图: 1位,不用.二进制中最高位为 ...

  7. gmake: Nothing to be done for `all'.

    安装gc_buffercache的时候报错: [root@~ pg_buffercache]# gmake gmake: Nothing to be done for `all'. 解决方法: > ...

  8. sqlite 常用的一些语句

    转载:https://blog.csdn.net/qq_25221835/article/details/82768375 转载:https://blog.csdn.net/qq_35449730/a ...

  9. Oracle系列一 SQL语句基本概念和学习准备

    DML: Data Manipulation Language 数据操纵语言DDL:  Data Definition Language 数据定义语言DCL:  Data Control Langua ...

  10. 查看 redis 请求日志

    转: 查看 redis 请求日志 2019-05-29 15:34:41 打卤 阅读数 1980更多 分类专栏: other   版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转 ...