下载此文档

第4章 jQuery技术(10学时).ppt

文档分类：IT计算机 | 页数：约105页举报非法文档有奖

1/105

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/105 下载此文档

文档列表 文档介绍

(Selectors)jQuery操作(Manipulation)jQuery遍历(Traversing)jQuery事件(Events),宗旨:WriteLess,DoMorejQuery是一个快速的,简洁的JS库,使用户能更方便地处理HTMLdocuments、events、动画效果,以及AJAX交互等。jQuery由美国人JohnResig创建。3jQuery基本结构<html><head><title>jQuery示例</title><scriptsrc="scripts/jquery-"type="text/javascript"></script><scripttype="text/javascript">$(document).ready(function(){ });</script></head><body></body></html>引入jQuery,实际路径根据情况改变jQuery入口4jQuery示例1<html><head><title>jQuery示例</title><scriptsrc="scripts/jquery-"type="text/javascript"></script><scripttype="text/javascript">$(document).ready(function(){ alert("HellojQuery!");//JS语句});</script></head><body></body></html>5jQuery示例2<html><head><title>jQuery示例</title><scriptsrc="scripts/jquery-"type="text/javascript"></script><scripttype="text/javascript">$(document).ready(function(){ $("#demo").click(function(){ alert("呵呵!"); })});</script></head><body><pid="demo">点击我</p></body></html><html><head><title>js示例</title><scripttype="text/javascript">functiondemo(){alert("呵呵!");}</script></head><body><ponclick="demo();">点击我</p></body></html>JS实现jQuery选择器添加click事件6jQuery示例2--改进一下<scriptsrc="scripts/jquery-"type="text/javascript"></script><scripttype="text/javascript">$(document).ready(function(){ $("#demo").click(function(){ alert("呵呵!"); }) $("#demo").mousemove(function(){ $(this).css("cursor","pointer"); })});</script><pid="demo">点击我</p><scripttype="text/javascript">functiondemo(){alert("呵呵!");}functiontest(x){="pointer";}</script><ponclick="demo()"onmousemove="test(this)">点击我</p>JS实现添加mousemove事件【返回】。利用jQuery选择器可以非常便捷和快速地找出特定的DOM元素,然后为它们添加相应的行为。jQuery选择器完全继承了CSS风格。8选择器基本选择器筛选选择器属性选择器Input元素筛选器【返回】9基本选择器选择器实例选取$(this)当前HTML元素#id$("#username")id="username"$(".stuno")所有class="stuno"元素element$("input")所有<input>元素选择器可以组合实例选取$("")所有class="stuno"的<input

第4章 jQuery技术(10学时) 来自淘豆网www.taodocs.com转载请标明出处.

第4章 jQuery技术(10学时).ppt

第4章 jQuery技术(10学时)

jQuery开发基础第10章jQuery性能优化与技巧

第4章 jQuery技术(10学时)

第4章 jQuery技术(10学时)_图文-精品课件(PPT)

第4章 jQuery技术(10学时)97991418-精品课件(PPT)

第4章 jQuery技术(10学时)-精品课件(PPT)

第4章 jQuery技术(10学时)

第4章 jQuery技术(10学时)

第4章 jQuery技术(10学时)（精选）

第4章 jQuery技术(10学时)