jQuery应用之一【①学习笔记之jQuery】

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

工具/原料

Windows 7 32 位

记事本

Google Chrome浏览器

方法/步骤

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

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

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

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

,其中包含两个

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

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

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

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

注意事项

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

上一篇：有道云笔记脑图功能如何使用

下一篇：如何下载安装有道云笔记

推荐信息

网站地图 XML TXT RSS 隐私政策服务条款使用条款

欧尼酱

jQuery应用之一【①学习笔记之jQuery】