JavaScript笔记(4)

来源：互联网发布：雕刻机编程软件编辑：程序博客网时间：2024/05/29 18:11

javascript中jQuery的使用

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

1.jQuery特点

（1）快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
（2）提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
（3）创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
（4）提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。
（5）增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
（6）更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。

2.jQuery的使用

（1）导入jQuery库有两种方法：网上导入和本地导入
网上导入：直接在script标签后加入src=”(jQuery所在的网址,如http://libs.baidu.com/jquery/2.0.0/jquery.js)”
本地导入：此方法需要本地有jquery.js文件，同样在script标签后引用jquery.js文件所存在的相对或绝对路径即可
（2）jQuery有两个常用的模块：选择器和事件处理方法
选择器：
通过标签类型选择：选择器在jQuery语法中以美元符号开头，如：美元符号+(“a”)代表的是选择了文件中所有的a标签
通过id进行选择：美元符号+(“#+id”)代表选择了某个id所对应的标签
通过class进行选择：$(.+classname)表示选择了某个class中的所有标签
处理方法：
在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。
方法：
click：它执行当按钮点击事件被触发时会调用一个函数。
dblclick：它触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数。
mouseenter：当鼠标移过被选择元素时触发事件。
mouseleave：当鼠标移开被选择元素时触发事件。
jQuery中还包括许多方法，具体可查看：http://www.w3school.com.cn/jquery/jquery_ref_events.asp

3.jQueryDemo

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">    //载入jQuery库    </script>    <script>        $(document).ready(function(){       //ready方法允许我们在文档完全加载完后执行函数ready中的为function            $("p").click(function(){        //选择所有p标签为方法对象                $(this).hide();             //当前点击的那一个p标签调用hide方法            });        });    </script></head><body><p>点我消失</p><p>消失二号</p>

阅读全文

0 0