您的当前位置:首页JQuery无废话系列教程(二)jquery实战篇上_jquery
广告

JQuery无废话系列教程(二)jquery实战篇上_jquery

2023-12-02 来源:六三科技网

我知道大家的想法, 放心好了,有些东西是不需要太多的理论知道做为基础, 其实在我们已经掌握JavaScript时,就已经掌握了JQuery的理论知识. 还是入门篇所说的那样,其实JQuery很简单. : )在我们开始学习之前建议大家先去下载JQuery1.3中文参考. 下载地址http://www.gxlcms.com/books/17812.html

好了,进入正题. 再次申明JQuery很简单,take easy!

从那开始呢? 最好的切入地方就从 ready 函数开始!

定义

ready(fn);

功能

这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。

简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。

有一个参数--对jQuery函数的引用--会传递到这个ready事件处理函数中。可以给这个参数任意起一个名字,并因此可以不再担心命名冲突而放心地使用$别名。

请确保在 元素的onload事件中没有注册函数,否则不会触发$(document).ready()事件。

可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照(代码中的)先后顺序依次执行。

通过上面所述,我们可以把ready看做onLoad的替代方法. 这时有的朋友就会问了,有onLoad方法我们干什么还要用ready方法?

我个人的体会及看法是 onLoad缺点是以后维护起来麻烦,到处都是JavaScript代码,很容易出问题的哟! 在<>中,ppk针对这个问题的看法也是如此,尽量不要在标签中直接编写JavaScript 代码.

实例

两种编写方式

$(document).ready(function(){alert("Hello World!");});

var myFun = function(){alert("Hello World!");}

$(document).ready(myFun);

到这儿我想大家对ready的用法应该是明白了,但对前面的 $(document)应该很迷惑. 这是什么东东?别急... 现在只要记住这段代码的功能就是当整个文档载入完毕后再执行ready内的函数就够了.

看完下面的代码我们就明白了$()的用法.

index.html代码结构如下:

JQuery测试

六三科技网还为您提供以下相关内容希望对您有帮助:

怎样操作JQuery元素

第一步:sizzle选择器基于元素的id、类、类型、属性、属性值等"查找"(或选择)HTML元素,简单的说是基于css选择器,除此之外还有一些特定的选择器。第二步:查询祖先parent()返回被选元素的直接父元素,该方法只会向上一...

在jQuery里如何使用复合选择器

一 介绍复合选择器将多个选择器(可以是ID选择器、元素选择或是类名选择器)组合在一起,两个选择器之间以逗号“,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器...

在jquery中怎么使用键盘事件

jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:jquery 代码:1. keydown();2. keyup(); 3. keypress(); keydown()keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发浏览器的默认...

如何使用js中JQuery框架

JQuery的安装步骤:1.下载相应的文件库(每一个 同一版本的JQuery文件库,都分为两个,一个是未压缩版,可查看源码,开发时使用,(jquery-3.3.1.js)一个是压缩版,将注释,空格均作了删除,将变量字符数删少,产品...

jquery有哪些追加元素的方法

一、after()和before()方法的区别 after()——其方法是将方法里面的参数添加到jquery对象后面去; 如:A.after(B)的意思是将B放到A后面去; before()——其方法是将方法里面的参数添加到jquery对象前面去。 如:A....

新手如何学习 jQuery?

从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章是入门第一篇,...

jquerytrigger函数无法触发a标签应该如何处理

)1:JQ 方法:对目标 a 标签内部新增一个 span 标签 ,然后给 span 标签绑定 trigger('click') 事件。$('#a').html('').children().trigger('click');(原因:JQ trigger函数也支持冒泡)(a标签内有东西的话可...

《JavaScript和jQuery实战手册》epub下载在线阅读,求百度网盘云资源_百 ...

链接:https://pan.baidu.com/s/1dNfQT4JQxIbnCyipVBZ3qw 密码:0wcd 书名:JavaScript和jQuery实战手册 作者:David Sawyer McFarland 译者:孙向阳 豆瓣评分:7.9 出版社:机械工业出版社华章公司 出版年份:2013-3-...

求曾顺的精通javascript+jquery完整版电子书

链接:https://pan.baidu.com/s/1cP5_DQ1yAkm_UeDkGBO9sA 提取码: qerp 《犀利开发:jQuery内核详解与实践(网站开发路线图)(附光盘)》循序渐进地讲解了jQuery高效开发的方法和技巧,内容包括jQuery框架的设计模式和...

《JavaScript和jQuery实战手册(原书第3版)》pdf下载在线阅读,求百度网 ...

链接:https://pan.baidu.com/s/1hHEm3XOCVyubtMnLk7GUqA 密码:9hja 书名:JavaScript和jQuery实战手册(原书第3版)出版社:机械工业出版社 出版年份:2017-3-1 内容简介:jQuery可以大大改进网页的动画、交互性和...

Top