您的位置：360文档中心› jQuery网页特效设计基础教程 第2章 初识jQuery 教案

jQuery网页特效设计基础教程 第2章 初识jQuery 教案

jQuery网页特效设计基础教程 第2章 初识jQuery 教案
jQuery网页特效设计基础教程 第2章 初识jQuery 教案

第2章初识jQuery

1

jQuery前端开发实战教程

《jQuery前端开发实战教程》试卷 得分 单选题（每题2分，共计30分） 1．页面中存在可见元素div，代码“if( $("div").show().is(:animated) ){ $("div").hide(1000); }” 的执行效果是（） A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏，再无动画形式显示 2．关于代码“$.fn.test = function() { };”，下列说法错误的是（） A、test方法可以被jQuery对象调用 B、test方法被jQuery对象调用时，this指向调用该方法的jQuery对象 C、在test方法中可以书写代码“return this”来实现链式编程 D、$.fn是jQuery原型对象jQuery.prototype的简写3．jQuery Mobile选择菜单中，当选择菜单中含有多个类别时，可添加（）元素，让jQuery Mobile根据此元素中label属性的文本创建含有分割项的选项。 A、label B、optgroup C、select D、option 4．在使用tree组件时，dnd属性和lines属性设置为true分别代表（）含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5．下列哪种方法不可以让元素设置为不可见（） A、fadeIn B、fadeOut C、fadeTo D、hide 总分题型单选题多选题填空题简答题题分 得分

6．在jQuery Mobile列表视图中，可以将任意大小的图片自动缩放到（）像素，展示到列表中。 A、60 B、70 C、80 D、90 7．跟jQuery相继诞生的JavaScript库还有很多，不包括（） A、Prototype B、ExtJS C、YUI D、node.js 8．下面选项中this的使用说法正确的是（） A、this指向当前元素 B、this可以用来绑定事件 C、this可以获取到所有元素 D、this是一种方法9．使用animate方法实现与代码$("div").fadeIn(600)相同效果的代码写法是（） A、$("div").animate({"opacity":"1"}) B、$("div").animate({"opacity":"1"},"fast") C、$("div").animate({"opacity":"1"},600) D、$("div").animate({"opacity":"1"},"normal") 10．从EasyUI网站下载到的“jquery-easyui-1.5.4.2.zip”压缩包解压，保存到“chapter08\ easyui-1.5.4.2”目录中下面说法错误的是（） A、locale目录是国际化资源文件包 B、plugins是插件包目录 C、jsrc是源码包目录 D、demo和demo-mobile目录都是样例，没有区别 11．在jQuery事件中，当调整浏览器窗口时触发的事件是（）事件。 A、resize() B、change() C、scroll() D、select()

jQuery入门教程(很不错)

jQuery入门[1]－构造函数 https://www.360docs.net/doc/9e13972142.html,/archive/2008/03/05/1091816.html jQuery优点 ?体积小（v1.2.3 15kb） ?丰富的DOM选择器(CSS1-3 + XPath) ?跨浏览器（IE6,FF,Safari,Opera） ?链式代码 ?强大的事件、样式支持 ?强大的AJAX功能 ?易于扩展，插件丰富 jQuery的构造函数接收四种类型的参数： jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表达式）找出文档中的元素，并组装成一个jQuery对象返回。 DEMO: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.360docs.net/doc/9e13972142.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> jQuery basic title> <style type="text/css"> .selected { background-color:Yellow; } style> <script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript">script> head> <body> <h3>jQuery构造函数h3> <ul> <li>jQuery(expression,context)li> <li>jQuery(html)li> <li>jQuery(elements)li> <li>jQuery(fn)li> ul> <script type="text/javascript"></p><h2>jQuery前端开发实战教程</h2><p>《前端开发实战教程》试卷 得分 单选题（每题2分，共计30分） 1．页面中存在可见元素，代码“( $("")()() ){ $("")(1000); }”的执行效果是（） A、元素以动画效果隐藏 B、元素没有任何变化 C、元素无动画效果隐藏 D、元素先以动画效果隐藏，再无动画形式显示 2．关于代码“$ = () { };”，下列说法错误的是（） A、方法可以被对象调用 B、方法被对象调用时，指向调用该方法的对象 C、在方法中可以书写代码“”来实现链式编程 D、$是原型对象的简写3．选择菜单中，当选择菜单中含有多个类别时，可添加（）元素，让根据此元素中属性的文本创建含有分割项的选项。 A、 B、 C、 D、 4．在使用组件时，属性和属性设置为分别代表（）含义。 A、显示横线条显示竖线条 B、显示竖线条显示横线条 C、表示可拖动表示可拖拽 D、表示可拖动表示显示竖线条 5．下列哪种方法不可以让元素设置为不可见（） A、 B、 C、 D、 总分题型单选题多选题填空题简答题题分 得分</p><p>6．在列表视图中，可以将任意大小的图片自动缩放到（）像素，展示到列表中。 A、60 B、70 C、80 D、90 7．跟相继诞生的库还有很多，不包括（） A、 B、 C、 D、 8．下面选项中的使用说法正确的是（） A、指向当前元素 B、可以用来绑定事件 C、可以获取到所有元素 D、是一种方法9．使用方法实现与代码$("")(600)相同效果的代码写法是（） A、$("")({"":"1"}) B、$("")({"":"1"},"") C、$("")({"":"1"},600) D、$("")({"":"1"},"") 10．从网站下载到的“1.5.4.2”压缩包解压，保存到“08\ 1.5.4.2”目录中下面说法错误的是（） A、目录是国际化资源文件包 B、是插件包目录 C、是源码包目录 D、和目录都是样例，没有区别 11．在事件中，当调整浏览器窗口时触发的事件是（）事件。 A、() B、() C、() D、()</p><h2>网页制作特效——特效代码</h2><p>网页制作特效——网页特效 （1）导航菜单: <html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="refresh" content="0;URL=https://www.360docs.net/doc/9e13972142.html,/jscode/js080508/jscode.htm"> <title>仿网页特效观止首页栏目切换滑动门效果 文件较多，查看演示请直接点击下面的预览效果，下载该特效请点击上处链接下载 (2)出发导航菜单： 网页特效代码|https://www.360docs.net/doc/9e13972142.html,|---经典实用的触发型导航菜单