一、  jQuery基本概念介绍 
          1.1 什么是jQuery
一个javascript库,把常用方法写到一个js文件中,需要的时候直接调用即可
学习jQuery就是学习一些方法
          1.2 为什么要学习jQuery
write less do more
          1.3 jQuery的使用
a.引包     b.入口函数     c.实现功能

二、jQuery的用途

1.访问和操作DOM元素
2.控制页面样式
3.对页面事件的处理
4.方便地使用JQuery插件
5.与Ajax技术的完美结合

三、jQuery的优势

1.轻量级
2.强大的选择器
3.出色的DOM封装
4.可靠的事件处理机制
5.出色的浏览器兼容性
6.隐式迭代
7.丰富的插件支持

四、Jquery主要三个版本

Compressed:压缩版  :在发布的时候使用min

unCompressed:非压缩版

Vsdoc:注释版:在开发阶段

五、.关于window.onload和$(function(){})区别
   第一点:执行时机

  解析:window.onload等待页面上所有资源(html标签,css,img,js)都加载完成后,才执行,包括(文本素材,图片,js,css)

   $(function(){}):等待页面上的标签加载完成后就开始执行

  第二点:执行次数

  Window.onload只能调用一次

  $(function(){})可以调用多次

六、配置jQuery环境

1.jQuery的官方网站:http://jquery.com中下载jQuery库文件
2.jQuery库的类型分为两种,分别是开发版(未压缩版)和发布版(压缩版),它门的对比如jQuery库的类型对比
  jquery-1.版本号.js(开发版):完整无压缩版本,主要用于测试、学习和开发
  jquery-1.版本号.js(发布版):经过工具压缩或经过服务器开启GZIP压缩,主要应用于发布的产品和项目
3.jquery不用安装,想要在某个页面使用jQuery时,只需要在相关的HTML文档中引入该库文件的位置即可。
4.在页面中引入jQuery

jQuery库的类型对比

七、jQuery语法结构

$()、document()、ready()的语法结构

语法:

$(selector).action();

选择器selector

语法:

$(selector)

addClass()方法的语法结构

语法:

jQuery  对象.addClass([样式名])

show()、hide()语法格式

语法:

$(selector).show();

$(selector).hide();

css()方法如下:

语法:

css("属性","属性值");//设置一个css属性

css("属性1":"属性值1","属性2":"属性值2".....);

八、jQuery对象与DOM对象的相互转换

DOM对象转换jQuery对象

var an=document.getElementById("title");

vat $an=$(an);

jQuery对象转换DOM对象

第一种: vat an=$an[0];

第二种: var an=$an.get(0);

使用jQuery快速高效制作网页交互特效--初始jQuery的更多相关文章

  1. 使用jQuery快速高效制作网页交互特效---使用jQuery操作DOM

    DOM操作分类 1.DOM Core:任何一种支持DOM的编程语言都可以使用它,如getElementById() 2:HTML-DOM:用于处理HTML文档,如document.forms 3:CS ...

  2. 使用jQuery快速高效制作网页交互特效----jQuery中的事件与动画

    jQuery中的事件 和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现. 事件在元素对象与功能代码中起着重要的桥梁作用. 在JQuery中,事件 ...

  3. 使用jQuery快速高效制作网页交互特效

    第四章:JQuery选择器 1.Jquery选择器简介 (1) Jquery中的选择器完全继承了CSS的风格,利用Jquery选择器,可以非常便捷和快速的找出特定的Dom元素,然后为他们添加相应的行为 ...

  4. 使用jQuery快速高效制作网页交互特效---jQuery选择器

    一.什么是jQuery选择器 Query选择器继承了CSS与Path语言的部分语法,允许通过标签名.属性名或内容对DOM元素进行快速.准确的选择, 而不必担心浏览器的兼容性,通过jQuery选择器对页 ...

  5. 使用jQuery快速高效制作网页交互特效第一章JavaScript基础

    JavaScript 一.JavaScript概念: JavaScript面向对象事件驱动具有安全性的脚本语言,面向对象 JavaScript特点: 1.解释性语言,边运行边解释 2.和HTML页面实 ...

  6. 使用jQuery快速高效制作网页交互特效---表单校验

    表单基本验证技术 为什么需要表单验证 减轻服务器的压力 保证输入的数据符合要求 常用的表单验证 1.日期格式 2.表单元素是否为空 3.用户名和密码 4.E-mail地址 5.身份证号码 表单选择器 ...

  7. 使用jQuery快速高效制作网页交互特效---JavaScript对象及初始面向对象

    一.JavaScript中的基本数据类型 number(数值类型)    string(字符串类型)    boolean(布尔类型)    null(空类型)    undefined(未定义类型) ...

  8. 使用jQuery快速高效制作网页交互特效-----JavaScript操作DOM对象

    一.DOM操作分类 使用JavaScript操作DOM时通常分为三类:DOM    Core.HTMl--DOM和CSS-DOM 二.访问节点 节点属性 三.节点信息 四.操作节点的属性 语法: ge ...

  9. 使用jQuery快速高效制作网页交互特效--JavaScript操作BOM对象

    JavaScript操作BOM 一.window对象: 二.window对象的属性和方法 1.windows对象的常用属性: 语法:window.属性名="属性值" 2.windo ...

随机推荐

  1. nginx location 路由的几个配置纪要

    1:网上没有查到在线测试 nginx location 规则的网址 在服务器上可以通过 return 返回测试比如  把#号去掉 # location /admin\.php(.*) # { #def ...

  2. 下载安装Git,学习笔记

    官方地址为:https://git-scm.com/download/win 2.下载完之后,双击安装,全部选择默认. 3.选择安装目录 4.选择组件 5.开始菜单目录名设置  6.选择使用命令行环境 ...

  3. Django框架下报的版本问题

    报错环境 python=3.6.5,django=2.2,PyMySQL=0.9.3 …… django.core.exceptions.ImproperlyConfigured: mysqlclie ...

  4. vue的安装配置与项目创建

    1,安装vue必须先安装node.js.  --------去官网安装node.js 因为npm依赖node.js环境,使用npm的时候需要安装node.js.安装node.js的时候npm会默认安装 ...

  5. javascript 之 扩展对象

    注意点:在js中常见的几种方进行扩展 第一种:ES6提供的 Object.assign(); 第二种:ES5提供的 extend()方法 第三种:Object对象提供的 defineProperty( ...

  6. 读取经纬度坐标并存储为字典格式,即key为ID,value为轨迹点

    示例数据: #格式为txt文本 ID,L,B 001,116.5154,45.1154 001,116.5160,45.1153 ... 002,xxx,xxx ... 目标:建立轨迹数据结构,即di ...

  7. 如何理解H264 编码

    H264 结构 https://blog.csdn.net/andywang201001/article/details/80274886 H264 源码  https://www.cnblogs.c ...

  8. MySQL库的相关操作

    再熟悉一下Mysql库.表.记录的基本操作. 库 增 create database userinfo1 charset utf8; 查 show databases; show create dat ...

  9. Sharding-JDBC介绍

    Sharding-JDBC是当当应用框架ddframe中,从关系型数据库模块dd-rdb中分离出来的数据库水平分片框架,实现透明化数据库分库分表访问.Sharding-JDBC是继dubbox和ela ...

  10. Machine Learning Technologies(10月20日)

    Linear regression SVM(support vector machines) Advantages: ·Effective in high dimensional spaces. ·S ...