首页 技术 正文
技术 2022年11月7日
0 收藏 723 点赞 288 浏览 1292 个字

一、  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快速高效制作网页交互特效–初始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);

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,490
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,905
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,738
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,491
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:8,129
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,292