多语言展示
当前在线：580今日阅读：188今日分享：20

jQuery应用之一【①学习笔记之jQuery】
jQuery是一个很优秀的JavaScript库，其不仅仅是一个轻量级的，而且具有完美的兼容性，不仅仅是CSS3样式的兼容，对浏览器的兼容也很突出。它简化了HTML对事件、动画等的处理，推动着网页制作的快速发展。
工具/原料
1

Windows 7 32 位

2

记事本

3

Google Chrome浏览器

方法/步骤
1

jQuery的基本功能    1>.访问和操作DOM元素         在HTML页面上，我们需要对某个元素进行特殊处理（如删除、移动，点击后更改背景色等），而jQuery库则能更好的使我们获取到该元素。    2>.控制页面样式         通过jQuery库中的addClass（）方法为HTML页面中的元素添加样式。    3>.对页面事件的处理    4>.大量插件在页面中的运行    5>.与Ajax技术的完美结合

2

搭建jQuery开发环境1>.下载jQuery文件库 2>.引入jQuery文件库

3

编写第一个简单的jQuery应用 1>.功能描述 在页面加载时，弹出一个模式对话框，显示“我的第一个jQuery小应用！”，单击确定按钮后关闭该窗口。 2>.实现代码如图所示

4

jQuery程序的代码风格 1>.“$”美元符的使用，jQuery程序的标志。 2>.事件操作链式书写    ①功能描述        页面中一个

,其中包含两个
,一个为主题，另一个为内容，页面首次加载，显示主题，内容不可见，点击主题，改变自身背景色，并显示内容。    ②实现代码如图所示

5

jQuery访问DOM对象 ①什么是DOM对象 DOM（Document Object Model，文本对象模型），通过JavaScript方法访问页面中的元素，就是访问DOM对象。 var div_01=document.getElementById('divId');（获取DOM对象） ②什么是jQuery对象 在jQuery库中，获取页面元素的对象，为jQuery对象。 var div_01=$('#divId');（获取jQuery对象）

6

jQuery控制DOM对象 ①功能描述 在页面中，用户输入内容，单击“提交”按钮后，将获取到的数据信息使用弹出框弹出。 ②实现代码所示如下

7

jQuery是一个优秀的js库，使用其给了我们很大的方便，从而提高了我们的开发效率。在HTML或者jsp页面中，我们若需要对某个元素进行属性或者事件的修改时，我们必须先要获取到这个元素。在jQuery库中，其选择器能够快速的定位该元素的位置，并对其进行操作。

注意事项

仅个人学习总结，以便今后使用

推荐信息
网站地图 XML TXT RSS 隐私政策 服务条款 使用条款
Copyright ©1996-2026 www.onijiang.com Corporation, All Rights Reserved