China(中国)摄影网官网欢迎您!本网站是经国家工信部审批备案:浙ICP备13021864号、浙公网安备33110202000768号,官网注册了国际顶级中文域名:www.中国摄影网.net 、www.摄影中国.net ,官网英文域名:www.zgsyxr.cn,欢迎国内外行业人士给予关注和指导。
首页 / CHIAN中国摄影网官网公告 / 如何用jQuery简化JavaScript开发

如何用jQuery简化JavaScript开发

admin 发布时间:2022-01-20  阅读量:0 标签:

我总是乐于尝试新工具或利用节省开发时间的资源。由于市面上存在有许多Web开发工具,你可能很难缩小搜索范围。

是我最近发现的一个新工具。形容jQuery是“一个快捷、简练的JavaScript库,它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。”

jQuery初步

你可以jQuery的最新版本。它由一个明确定义的脚本文件构成,因此你可以随意研究它的源代码。下载JavaScript文件后,你就可以把它放在Web服务器中准备使用。你可以用HTML SCRIPT元素把jQuery库加载到任何Web页面中。src属性应利用文件在服务器中的真实路径。

下载文件后,以下的一些任务会对你使用jQuery有所帮助。

编码基础

以下是使用jQuery编码时用到的一些指针:

jQuery代码块前为美元符号($)。 美元符号后是一个左圆括号。 括号内是你要jQuery查找的内容,如它应使用哪个元素。 特定对象事件后为右圆括号。 你可以用指定的事件定义所发生的操作。方法/事件后的括号内是一个说明发生事件时会出现什么操作的函数。

在举例说明之前,我想介绍jQuery库的一个最有益的基础元素。JQuery利用的一切功能全都位于中,因此在你使用jQuery的特性之前,你必须加载这个文档。你可以用这个文档的ready事件完成上述操作,如下面的jQuery代码段所示:

$(document).ready(function() {

// Your code goes here

});

上面的简单jQuery代码允许你在文档完成加载后执行代码。列表A是它的一个应用实例,它对页面上的所有标题元素应用一个CSS类。


Test





Test

test


Test2

test2


这段代码中包含以下元素:

$(document).ready(function(){——在页面完全加载后,告诉页面执行(函数主体内)的代码。 $(‘h1’).addClass(“testclass”);});——定位页面上的所有HTML H1元素。addClass方法将所有的testclass CSS类分配给H1元素。这个类设定一个黄色背景色,因此所有标题都为黄色背景。

jQuery文档还简单说明了许多其它事件属性和函数,并介绍它们的用法。列表B中的简单代码实例说明如何给一个超链接点击事件进行编码。选择超链接时,在用户转换到链接目标前显示一个警告窗口。只有在页面内容全部加载以后,这时才再次使用ready函数来定义点击事件。

(责任编辑:admin)

上一篇

吴济崇

下一篇

逆光和压光

网友评论 (0)

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

广告

爱心志愿者团队

更多 >>

摄影采风路线

更多 >>

首条精品摄影创作线路

重磅发布首条精品摄影创作线路c…

丽水摄影采风旅游线路

丽水摄影采风旅游线路:   …

青田摄影采风路线安排

青田摄影采风路线安排 一、石…

摄影采风旅游专线拍摄点主要特色介绍

1、仙都——中国摄影家协会命名的…

曝光与监督

更多 >>

摄影记者证申请/查询

官方通道

摄影知识技巧

更多 >>
广告

联系我们

邮箱:276440957@qq.com

热线:0578-2529886

微信:jlwwcq8888