jQuery基础教程(第四版)课后练习4

合集下载

前端jquery练习题

前端jquery练习题一、简介前端开发中，jQuery是一款广泛使用的JavaScript库，提供了许多简化操作DOM、事件处理、动画效果等功能的方法，被广泛应用于网页开发。

为了提升对jQuery的掌握程度，以下是一些前端jQuery练习题，希望能够帮助你加深对该库的理解和应用。

二、练习题1. 为指定元素添加点击事件，并在点击时弹出提示框，显示"Hello, jQuery!"2. 隐藏一个元素，并在2秒后显示出来。

3. 给指定的class名称为"highlight"的元素添加一个透明度的动画效果，持续时间为1秒。

4. 创建一个按钮，点击按钮后在页面中添加一个带有文本"Hello, World!"的新元素。

5. 实现一个输入框，当输入框获得焦点时，将其边框颜色改变为蓝色；当失去焦点时，将边框颜色恢复为默认颜色。

6. 给一个列表元素下的所有子元素添加一个带有淡入效果的动画，持续时间为0.5秒。

7. 创建一个select元素，其中包含选项"Apple"、"Banana"和"Orange"。

当选中某个选项时，在页面中添加一个相应的段落元素，显示选中的水果名称。

8. 实现一个图片轮播效果，让一组图片在页面中循环切换显示，每隔3秒切换一次。

9. 当鼠标悬停在一个元素上时，将其背景颜色改变为红色；当鼠标移出时，将背景颜色恢复为默认颜色。

10. 利用AJAX技术，通过GET方法从服务器获取数据，并将数据显示在页面上。

11. 实现一个简单的检查表单的函数，当提交表单时，如果表单中有未填写的必填项，弹出提示框提醒用户。

12. 创建一个计时器，每秒更新一次页面上的时间。

三、总结通过完成上述练习题，你可以更好地掌握jQuery的应用技巧和常用方法，提升前端开发的效率和质量。

同时，不断练习和实践也是深化对jQuery的理解的良好途径。

JAVA编程思想(第四版)课后答案

Java编程思想（第四版）习题答案第二章练习1：public class PrimitiveTest {static int i;static char c;public static void main(String[] args) {System.out.println("int = " + i);System.out.println("char = " + c);}}练习2：public class HelloWorld {public static void main(String[] args) {System.out.println("Hello World!");}}练习3：public class ATNTest {public static void main(String[] args) {class ATypeName {int i;double d;boolean b;void show() {System.out.println(i);System.out.println(d);System.out.println(b);}}ATypeName a = new ATypeName();a.i = 3;a.d = 2.71828;a.b = false;a.show();}}练习4：public class DataOnlyTest {public static void main(String[] args) {class DataOnly {int i;double d;boolean b;void show() {System.out.println(i);System.out.println(d);System.out.println(b);}}DataOnly data = new DataOnly();data.i = 3;data.d = 2.71828;data.b = false;data.show();}}练习5：public class DOTest2 {public static void main(String[] args) { class DataOnly {int i;double d;boolean b;void show() {System.out.println(i);System.out.println(d);System.out.println(b);}}DataOnly data = new DataOnly();data.i = 234;data.d = 2.1234545;data.b = true;data.show();}}练习6：public class StorageTest {public static void main(String[] args) { class StoreStuff {int storage(String s) {return s.length() * 2;}}StoreStuff x = new StoreStuff();System.out.println(x.storage("hi"));}}练习7：class StaticTest {static int i = 47;}class Incrementable {static void increment() { StaticTest.i++; }}public class ITest {public static void main(String[] args) {System.out.println("StaticTest.i= " + StaticTest.i);StaticTest st1 = new StaticTest();StaticTest st2 = new StaticTest();System.out.println("st1.i= " + st1.i);System.out.println("st2.i= " + st2.i);Incrementable sf = new Incrementable();sf.increment();System.out.println("After sf.increment() called: ");System.out.println("st1.i = " + st1.i);System.out.println("st2.i = " + st2.i);Incrementable.increment();System.out.println("After Incrementable.increment called: ");System.out.println("st1.i = " + st1.i);System.out.println("st2.i = " + st2.i);}}练习8：class StaticTest {static int i = 47;}class Incrementable {static void increment() { StaticTest.i++; }}public class OneStaticTest {public static void main(String[] args) {System.out.println("StaticTest.i= " + StaticTest.i);StaticTest st1 = new StaticTest();StaticTest st2 = new StaticTest();System.out.println("st1.i= " + st1.i);System.out.println("st2.i= " + st2.i);Incrementable.increment();System.out.println("After Incrementable.increment() called: ");System.out.println("st1.i = " + st1.i);System.out.println("st2.i = " + st2.i);Incrementable.increment();System.out.println("After Incrementable.increment called: ");System.out.println("st1.i = " + st1.i);System.out.println("st2.i = " + st2.i);st1.i = 3;System.out.println("After st1.i = 3, ");System.out.println("st1.i = " + st1.i);System.out.println("st2.i = " + st2.i);System.out.println("Create another StaticTest, st3.");StaticTest st3 = new StaticTest();System.out.println("st3.i = " + st3.i);}}练习9：public class AutoboxTest {public static void main(String[] args) {boolean b = false;char c = 'x';byte t = 8;short s = 16;int i = 32;long l = 64;float f = 0.32f;double d = 0.64;Boolean B = b;System.out.println("boolean b = " + b);System.out.println("Boolean B = " + B);Character C = c;System.out.println("char c = " + c);System.out.println("Character C = " + C);Byte T = t;System.out.println("byte t = " + t);System.out.println("Byte T = " + T);Short S = s;System.out.println("short s = " + s);System.out.println("Short S = " + S);Integer I = i;System.out.println("int i = " + i);System.out.println("Integer I = " + I);Long L = l;System.out.println("long l = " + l);System.out.println("Long L = " + L);Float F = f;System.out.println("float f = " + f);System.out.println("Float F = " + F);Double D = d;System.out.println("double d = " + d);System.out.println("Double D = " + D);}}练习10：public class CommandArgTest {public static void main(String[] args) {int[]args1={1,2,3};System.out.println("args[0] = " + args1[0]);System.out.println("args[1] = " + args1[1]);System.out.println("args[2] = " + args1[2]);}}练习11：public class Rainbow {public static void main(String[] args) {AllTheColorsOfTheRainbow atc = new AllTheColorsOfTheRainbow();System.out.println("atc.anIntegerRepresentingColors = " + atc.anIntegerRepresentingColors);atc.changeColor(7);atc.changeTheHueOfTheColor(77);System.out.println("After color change, atc.anIntegerRepresentingColors = " + atc.anIntegerRepresentingColors);System.out.println("atc.hue = " + atc.hue);}}class AllTheColorsOfTheRainbow {int anIntegerRepresentingColors = 0;int hue = 0;void changeTheHueOfTheColor(int newHue) {hue = newHue;}int changeColor(int newColor) {return anIntegerRepresentingColors = newColor;}}练习12：public class DocTest {/** Entry poing to class & application.* @param args array of string arguments* @throws exceptions No exceptions thrown*/public static void main(String[] args) {System.out.println("Hello, it's: ");System.out.println(new Date());}}练习13-1：public class Documentation1 {/** A field comment */public int i;/** A method comment */public void f() {}}2：public class Documentation2 {Date d = new Date();void showDate() {System.out.println("Date = " + d);}}3：public class Documentation3 {public static void main(String[] args) {Date d = new Date();System.out.println("d = " + d);}}练习14：public class Documentation4 {public int i = 2;private int j = 3;public static void main(String[] args) {Date d = new Date();System.out.println("d = " + d);}}练习15：public class HelloDocTest {public static void main(String[] args) {System.out.println("Hello World!");}}练习16：class Tree {int height;Tree() {System.out.println("Planting a seedling");height = 0;}Tree(int initialHeight) {height = initialHeight;System.out.println("Creating new tree that is " + height + " feet tall");}void info() {System.out.println("Tree is " + height + " feet tall");}void info(String s) {System.out.println(s + ": Tree is " + height + " feet tall");}}public class Overloading {public static void main(String[] args) {for(int i = 0; i < 5; i++) {Tree t = new Tree(i);();("overloading method");}// Overloaded constructor:new Tree();}}第三章练习1：public class PrintTest {public static void main(String[] args) {print("Hello, from short form.");P.rintln("Hello from greggordon form.");System.out.println("Hello from long form.");}}练习2：class Tube {float level;}public class Assign {public static void main(String[] args) {Tube t1 = new Tube();Tube t2 = new Tube();t1.level = 0.9f;t2.level = 0.47f;P.rintln("1: t1.level: " + t1.level + ", t2.level: " + t2.level);t1 = t2;P.rintln("2: t1.level: " + t1.level + ", t2.level: " + t2.level);t1.level = 0.27f;P.rintln("3: t1.level: " + t1.level + ", t2.level: " + t2.level);}}练习3：class Box {float a;}public class PassObject2 {static void f(Box y) {y.a = 2.71828f;}public static void main(String[] args) {Box x = new Box();x.a = 3.1416f;print("1: x.a = " + x.a);f(x);print("2: x.a = " + x.a);}}练习4：class VelocityCalculator {static float velocity (float d, float t) {if(t == 0) return 0f;else return d/t;}}public class VelocityTester {public static void main(String[] args) {float d = 565.3f;float t = 3.6f;System.out.println("Distance: " + d);System.out.println("Time: " + t);float v = VelocityCalculator.velocity(d, t);System.out.println("Velocity: " + v);}}练习5：class Dog {String name;String says;void setName(String n) {name = n;}void setSays(String s) {says = s;}void showName() {P.rintln(name);}void speak() {P.rintln(says);}}public class DogTest {public static void main(String[] args) { Dog spot = new Dog();spot.setName("Spot");spot.setSays("Ruff!");Dog scruffy = new Dog();scruffy.setName("Scruffy");scruffy.setSays("Wurf!");spot.showName();spot.speak();scruffy.showName();scruffy.speak();}}练习6：class Dog {String name;String says;void setName(String n) {name = n;}void setSays(String s) {says = s;}void showName() {P.rintln(name);}void speak() {P.rintln(says);}}public class DogCompare {public static void main(String[] args) { Dog spot = new Dog();spot.setName("Spot");spot.setSays("Ruff!");Dog scruffy = new Dog();scruffy.setName("Scruffy");scruffy.setSays("Wurf!");spot.showName();spot.speak();scruffy.showName();scruffy.speak();Dog butch = new Dog();butch.setName("Butch");butch.setSays("Hello!");butch.showName();butch.speak();P.rintln("Comparison: ");P.rintln("spot == butch: " + (spot == butch));P.rintln("spot.equals(butch): " + spot.equals(butch));P.rintln("butch.equals(spot): " + butch.equals(spot));P.rintln("Now assign: spot = butch");spot = butch;P.rintln("Compare again: ");P.rintln("spot == butch: " + (spot == butch));P.rintln("spot.equals(butch): " + spot.equals(butch));P.rintln("butch.equals(spot): " + butch.equals(spot));P.rintln("Spot: ");spot.showName();spot.speak();P.rintln("Butch: ");butch.showName();butch.speak();}}练习7：。

jQuery基础教程第四版第3章学习笔记

本文由我司收集整编，推荐下载，如有疑问，请与我司联系jQuery 基础教程第四版第3 章学习笔记2017/08/30 114 第3 章 3.1 在页面加载后执行任务 3.1.1 代码执行的时机选择①当文档完全下载到浏览器中时，会触发window.onload 事件，意味着页面上的全部元素对于JavaScript 而言都是可以操作的。

②通过(document).ready()注册的事件处理程序，则会在DOM 完全就绪并可以使用时调用。

意味着所有元素对脚本而言都是可以访问的，但是，却不意味着所有关联的文件都已经下载完毕。

3.1.2 基于一个页面执行多个脚本①.onload 属性一次只能保存对一个函数的引用，因此不能在现有的基础上再增加新行为。

②每次调用(document).ready()方法时都会向内部的行为队列添加一个新函数，当页面加载完成后，所有的函数都会被执行。

而且，这些函数会按照注册他们的顺序依次执行。

3.1.3 .ready()的简写形式①(document).ready()结构，实际上是基于document 这个DOM 元素构建而成的jQuery 对象上调用了.ready()方法。

②(document).ready(){ //这里是代码……}); 可以简写成：$(function() { //这里是代码……} 3.1.4 向.ready()回调函数中传入参数3.2 处理简单的事件 3.2.1 简单的样式转换器①在用户单击按钮时执行，需要引入.on()方法。

通过这个方法，可以指定任何DOM 事件，并为该事件添加一种行为。

此时，事件是click。

eg: (‘#switcher- large’).on(‘click’,function(){});3.2.2 启用其他按钮3.2.3 利用事件处理程序的上下文①当触发任何事件处理程序时，关键字this 引用的都是携带相应行为的DOM 元素。

通过在事件处理程序中使用(this)，可以为相应的元素创建jQuery 对象，然后就如同使用CSS 选择符找到该元素一样对它进行操作。

jquery基础填空题

jquery基础填空题【一、填空题】1.jQuery通过对______的封装，简化了HTML与JavaScript之间的操作。

2.jQuery中，$()函数中的$可以替换为______。

3.Chrome开发者工具中，_____面板提供断点调试代码的功能。

4.判断一个对象是否为jQuery对象使用______运算符。

5.HTML页面中利用______标签可引入jQuery库。

【答案】1.JavaScript2.jQuery3.开发者工具sources4.instanceof5.script【二、填空题】1.jQuery选择器按照功能可以分为3类，它们是______、______和______。

2.与prev+next选择器作用相同的方法是______。

3.$('selector1,selector2…selectorN');是______选择器的语法。

4.jQuery中______选择器用于获取正在执行动画效果的元素。

5.:eq(index)选择器的index值从______开始。

【答案】1.基本选择器、层级选择器、过滤选择器2.next()3.css4.:animated5.0【三、填空题】1.jQuery中判断某个类是否存在的方法是_____。

2.jQuery中用于操作元素内容的方法有______和_____。

3.p元素调用jQuery提供的_____方法可替换成span元素。

4.使用_____方法可以删除jQuery中的DOM节点。

5.ul元素调用jQuery提供的_____方法，可将li元素作为ul的第一个子元素插入。

【答案】1.hasClass()2.html()、val()3.replaceWith();4.remove()5.prepend()【四、填空题】1.jQuery中元素获得焦点时触发____事件，元素失去焦点时触发____事件。

2.jQuery中______与____都是鼠标移出事件，它们的区别是_____的触发范围更小。

jQuery的简单入门练习

jQuery的简单⼊门练习1 <html>2 <head>3 <meta charset="utf-8">4 <title>jQuery的练习</title>5 <script src="jquery.js"></script>67 <script language="javascript">8 $("document").ready(function(){9 $("#p1").click(function(){10 alert($("#p3").text());11 });1213 $("#p2").click(function(){14 alert($("#p3").html());15 });1617 $("#b1").click(function(){18 alert($("#b2").val());19 });2021 $("#a1").click(function(){22 alert($("#a2").attr("href"));23 });2425 $(".b1").click(function(){26 $(".p1").text("欢迎加⼊柠檬");27 });2829 $(".b2").click(function(){30 $(".p2").html("也欢迎你加⼊柠檬");31 });3233 $(".b3").click(function(){34 $(".p3").val("柠檬棒棒哒");35 });3637 $(".s1").click(function(){38 $(".s2").append("<b>棒棒哒;</b>");39 });4041 $(".f1").click(function(){42 $(".f2").prepend("<b>柠檬⼈;</b>");43 });4445 $("#q1").click(function(){46 $("img").before("<i>美⼥;</i>");47 });4849 $("#q2").click(function(){50 $("img").after("<i>帅哥;</i>");51 });5253 $("#g1").click(function(){54 $("#g2").remove();55 });5657 $("#k1").click(function(){58 $("#k2").empty();59 });6061 $("#c1").click(function(){62 $("h2,i").addClass("col");63 });646566 $("#c2").click(function(){67 $("h2").removeClass("col");68 });6970 $("#c3").click(function(){71 $("h4").toggleClass("col");72 });7374 $("#d1").click(function(){75//$("p").css("background-color","purple");76 $("p").css({"background-color":"purple","font-size":"26px"});77 });7879 });80 </script>81 <style type="text/css">82 .col{83 color:red;84 font-size:28px;85 }8687 </style>88 </head>89 <body>90 <h3>1:text() - 设置或返回所选元素的⽂本内容;91 html() - 设置或返回所选元素的内容（包括 HTML 标记）92 </h3>93 <div>94 <p id="p3">这是段落中的<b>粗体</b>⽂本</p>95 <button id="p1">显⽰⽂本</button>96 <button id="p2">显⽰HTML</button>97 </div>98 <br/><hr>99 <h3>2:val() - 设置或返回表单字段的值</h3>100 <div>101名称：<input type="text" id="b2" value="柠檬学院"/>102 <button id="b1">显⽰值</button>103 </div>104 <h3>3:获取属性 - attr();jQuery attr() ⽅法⽤于获取属性值。

jquery练习题

jquery练习题jQuery练习题在前端开发中，jQuery是一种非常常用的JavaScript库，它简化了JavaScript的编写和操作，使得开发人员可以更加高效地处理DOM操作、事件处理、动画效果等。

为了熟悉和掌握jQuery的使用，下面将给出一些jQuery练习题，帮助读者进一步巩固和提升自己的jQuery技能。

一、选择器练习题1. 选取页面中所有的段落元素，并将它们的文本内容改为"Hello World"。

2. 选取页面中所有的图片元素，并将它们的宽度设置为200像素。

3. 选取页面中所有class为"box"的元素，并将它们的背景颜色设置为红色。

4. 选取页面中第一个段落元素，并将它的字体颜色设置为蓝色。

二、事件处理练习题1. 给页面中所有的按钮元素添加一个点击事件，当点击按钮时，弹出一个提示框显示"Button Clicked!"。

2. 给页面中所有的图片元素添加一个鼠标移入事件，当鼠标移入图片时，将图片的宽度增加50像素。

3. 给页面中所有的输入框元素添加一个焦点事件，当输入框获得焦点时，将输入框的边框颜色设置为红色。

4. 给页面中所有的段落元素添加一个双击事件，当双击段落时，将段落的字体大小设置为20像素。

三、动画效果练习题1. 给页面中所有的图片元素添加一个点击事件，当点击图片时，将图片以200毫秒的速度淡出。

2. 给页面中所有的按钮元素添加一个鼠标移入事件，当鼠标移入按钮时，将按钮的背景颜色从白色渐变为红色，过渡时间为500毫秒。

3. 给页面中所有的段落元素添加一个点击事件，当点击段落时，将段落以500毫秒的速度向右移动200像素。

4. 给页面中所有的div元素添加一个鼠标移出事件，当鼠标移出div时，将div 的高度从200像素过渡到100像素，过渡时间为300毫秒。

四、DOM操作练习题1. 创建一个新的段落元素，并将其添加到页面中id为"container"的div中。

jQuery基础教程(第四版)课后练习3

jQuery基础教程（第四版）课后练习
CHAP 3事件
(1) 在Charles Dickens被单击时，给它应用 selected 样式。

(2) 在双击章标题（<h3 class="chapter-title">）时，切换章文本的可见性。

(3) 当用户按下向右方向键时，切换到下一个 body 类；右方向键的键码是 39 。

(4) 挑战：使用console.log() 函数记录在段落中移动的鼠标的坐标位置。

（注意：console.log()可以在Firefox的firebug扩展、Safari的Web Inspector或Chrome、IE中的Developer Tools中使用。

）
(5) 挑战：使用 .mousedown() 和 .mouseup() 跟踪页面中的鼠标事件。

如果鼠标按键在按下它的地方被释放，则为所有段落添加 hidden 类。

如果是在按下它的地方之下被释放的，删除所有段落的 hidden 类。

jQuery练习题

jQuery练习题1.考点：jQuery⼊⼝函数和顶级对象单选题关于jQuery,以下描述正确的是:A，$(function(){})这种⼊⼝函数等同于window.loadB，$(window).ready(function(){})这种⼊⼝函数等同于window.loadC， jQuery中的⼊⼝函数相当于JS中的DOMContentLoaded事件，因此jQuery⽆法实现window.onload同样的功能D， jQuery中的顶级对象$和jQuery是⼀回事⼉答案: D解析: 选项ABC，都错了，正确写法为$(window).load()；D选项，是正确的可以验证 console.log( $=== jQuery)难度: ☆☆2.考点：jQuery对象和DOM对象单选题关于获取元素,以下获取到单个元素的⽅法是:A，jQuery对象就是DOM对象B，jQuery对象可以转换为DOM对象，但是DOM对象⽆法转换为jQuery对象C， jQuery对象转换为DOM对象的⽅法有两种：jQuery对象[索引值]和jQuery对象.get(索引值)D， DOM对象转换成jQuery对象的⽅法有⼀种：$(DOM对象)[0]答案: C解析:A选项，jQuery对象和DOM对象不⼀样。

B选项，jQuery对象和DOM对象可以相互转换。

D选项，后⾯多出来⼀部分：[0]难度: ☆☆☆3.考点：jQuery选择器多选题关于获取元素,以下获取到"⽬标元素"所在a链接的有:<div><ul><li><a href='#' class='aaa' id='ccc'>⽪鞋</a></li><li><a href='#' class='bbb' id='bbb'>帽⼦</a></li><li><a href='#' class='ccc' id='aaa'>⽬标元素</a></li></ul></div>A，$('ul li a:eq(3)')B，$('ccc')C，$('#aaa')D，$('a:last')答案: CD解析: A选项索引值应该为 2 ; B选项类名前应该加点。

jQuery练习题

jQuery练习题1.js的⼊⼝函数和jquery⼊⼝函数的区别？JS⼊⼝函数：window.onload=function(){ } JQuery⼊⼝函数: $(document).ready(function(){ })JS的window.onload事件必须要等到所有内容，以及外部图⽚之类的⽂件加载完之后，才会去执⾏。

JQuery⼊⼝函数是在所有标签加载完之后，就会去执⾏。

接着，通过JS的⼀个覆盖问题引出对JQuery⼊⼝函数实现的解释。

JS的⼊⼝函数window.onload函数有⼀个覆盖的问题，当⽂档中出现2个window.onload函数的时候，后者会覆盖前者，导致功能实现不了。

但是JQuery却没有这样的问题，重要是因为JQuery⼊⼝函数只是对封装好了的⽅法的⼀个调⽤，只不过传的参数不同⽽已。

最后，说说JQuery⼊⼝函数（$(document).ready();）的实现⽅式。

2.jquery的值的操作哪个⽅法？值操作是对DOM属性value进⾏读取和设置操作。

⽐如html()、 text()、 val().格式：$(selector).html()这个⽅法不接受任何元素作⽤：在⼀个HTML⽂档中，　可以使⽤.html()⽅法来获取任意⼀个元素的内容。

如果选择器匹配多个元素，那么只有第⼀个匹配元素的HTML内容会被获取。

1.2 html() 设置值格式： $(selector).html(htmlString); 返回值：jQuery 作⽤：　⽤来设置每个匹配元素的⼀个HTML字符串 htmlString 类型：string3.jquery和js对象如何转化？两种转换⽅式将⼀个jQuery对象转换成js对象：[index]和.get(index);(1)jQuery对象是⼀个数据对象，可以通过[index]的⽅法，来得到相应的js对象。

如：var $v =$("#v") ; //jQuery对象var v=$v[0]; //js对象alert(v.checked) //检测这个checkbox是否被选中(2)jQuery本⾝提供，通过.get(index)⽅法，得到相应的js对象如：var $v=$("#v"); //jQuery对象var v=$v.get(0); //js对象alert(v.checked) //检测这个checkbox是否被选中js对象转成jQuery对象:对于已经是⼀个js对象，只需要⽤$()把DOM对象包装起来，就可以获得⼀个jQuery对象了。

JQuery题库

/jquery/index.asp1、HTML 代码:<p>one</p> <div><p>two</p></div> <p>three</p>jQuery 代码: $("div > p"); 结果:（ A ）A、[ <p>two</p> ]B、[<p>one</p> ]C、[<p>three</p>]D、[<div><p>two</p></div> ]2、HTML 代码:<div>DIV</div><span>SPAN</span><p>P</p>jQuery 代码: $("*") 结果:（D ）A、[ <div>DIV</div>]B、[<span>SPAN</span> ]C、[<p>P</p>]D、[<div>DIV</div>, <span>SPAN</span>, <p>P</p>]3、HTML 代码:<div class="notMe">div class="notMe"</div><div class="myClass">div class="myClass"</div><span class="myClass">span class="myClass"</span>jQuery 代码: $(".myClass"); 结果:（ D ）A、[ <div class="notMe">div class="notMe"</div>]B、[<div class="myClass">div class="myClass"</div>]C、[<span class="myClass">span class="myClass"</span>]D、[<div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]4、HTML 代码:<div>DIV1</div><div>DIV2</div><span>SPAN</span>jQuery 代码: $("div"); 结果:（B ）A、[ <div>DIV2</div> ]B、[<div>DIV1</div>, <div>DIV2</div> ]C、[<div>DIV1</div>]5、HTML 代码:<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div>jQuery 代码: $("#myDiv"); 结果:（ A ）A、[ <div id="myDiv">id="myDiv"</div> ]B、[<p>id="notMe"</p> ]C、[<div id="notMe"><p>id="notMe"</p></div>]D、[<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div>]6、HTML 代码:<div>div</div><p class="myClass">p class="myClass"</p><span>span</span><p class="notMyClass">p class="notMyClass"</p>jQuery 代码: $("div,span,p.myClass") 结果:（ A ）A、[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]B、[<p class="myClass">p class="myClass"</p>]C、[<p class="notMyClass">p class="notMyClass"</p>]D、[<div>div</div>]7、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码:$("form input") 结果:（B ）A、[<input name="name" />]B、[ <input name="name" />, <input name="newsletter" /> ]C、[<input name="newsletter" />]8、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("form > input") 结果:（A ）A、[ <input name="name" /> ]B、[<input name="newsletter" />]C、[<input name="none" />]D、[<label>Newsletter:</label>]9、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("label + input") 结果:（ C ）A、[<input name="newsletter" />]B、[<input name="name" />]C、[ <input name="name" />, <input name="newsletter" /> ]D、[<label>Newsletter:</label>]10、HTML 代码:<form><label>Name:</label><input name="name" /><fieldset><label>Newsletter:</label><input name="newsletter" /></fieldset></form><input name="none" />jQuery 代码: $("form ~ input") 结果:（C ）A、[<input name="newsletter" />]B、[<input name="name" />]C、[ <input name="none" /> ]D、[<label>Newsletter:</label>]11、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:eq(1)") 结果:（B ）A、[ <tr><td>Value 1</td></tr> ]B、[<td>Value 1</td>]C、[<td>Value 2</td>]D、[<td>Header 1</td>]12、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码:$("tr:first") 结果:（D ）A、[ <tr><td>Header 1</td></tr> ]B、[<td>Value 1</td>]C、[<td>Value 2</td>]D、[<td>Header 1</td>]13、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:gt(0)") 结果:（ B ）A、[<tr><td>Header 1</td></tr>]B、[ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]C、[<tr><td>Value 2</td></tr>]D、[<td>Value 2</td>]14、HTML 代码:<table><tr><td>Header 1</td></tr><tr><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:odd") 结果:（A ）A、[ <tr><td>Value 1</td></tr> ]B、[<tr><td>Header 1</td></tr>]C、[<td>Value 1</td>]D、[<tr><td>Value 2</td></tr>]15、HTML 代码:<table><tr><td>Value 1</td><td></td></tr><tr><td>Value 2</td><td></td></tr></table>jQuery 代码: $("td:empty") 结果:（D ）A、[<td>Value 1</td>]B、[ <td></td>, <td></td> ]C、[<td>Value 2</td>]D、[<td></td>]16、HTML 代码:<table><tr><td>Value 1</td><td></td></tr><tr><td>Value 2</td><td></td></tr></table>jQuery 代码: $("td:parent") 结果:（A ）A、[<td>Value 1</td>]B、[ <td></td>, <td></td> ]C、[<td>Value 2</td>]D、[ <td>Value 1</td>, <td>Value 1</td> ]17、HTML 代码:<table><tr style="display:none"><td>Value 1</td></tr><tr><td>Value 2</td></tr></table>jQuery 代码: $("tr:hidden") 结果:（一）一、[ <tr style="display:none"><td>Value 1</td></tr> ]二、[<tr><td>Value 2</td></tr>]三、[<td>Value 1</td>]四、[<td>Value 2</td>]18、HTML 代码:<input name="man-news" /><input name="milkman" /><input name="letterman2" /><input name="newmilk" />jQuery 代码: $("input[name*='man']") 结果:（ A ）A、[<input name="man-news" />]B、[<input name="milkman" />]C、[<input name="letterman2" />]D、[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]19、HTML 代码:<form><input name="email" disabled="disabled" /><input name="id" /></form>jQuery 代码: $("input:enabled") 结果:（B ）A、[<input name="email" disabled="disabled" />]B、[ <input name="id" /> ]C、[<input name="email" disabled="disabled" /><input name="id" />]20、HTML 代码:<div></div>jQuery 代码: $("div").html("<p>Hello Again</p>"); 结果:（B ）A、[<div></div>]B、[ <div><p>Hello Again</p></div> ]C、[<p>Hello Again</p>]D、[Hello Again]1.下面哪种不是jquery的选择器？(D)A、基本选择器B、后代选择器C、类选择器D、进一步选择器2.当DOM加载完成后要执行的函数，下面哪个是正确的？(C)A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements)3.下面哪一个是用来追加到指定元素的末尾的？(C)A、insertAfter()B、append()C、appendTo()D、after()4.下面哪一个不是jquery对象访问的方法？(D)A、each(callback)B、size()C、index(subject)D、index()5.有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(B)A、visibleB、hiddenC、visible()D、hidden()6.如果需要匹配包含文本的元素，用下面哪种来实现？(B)A、text()B、contains()C、input()D、attr(name)7.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(C)A、text()B、get()C、eq()D、contents（）8.下面哪种不属于jquery的筛选？（B）A、过滤B、自动C、查找D、串联9.如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（D）A、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)10.在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？（C）A、delete()B、empty()C、remove()D、removeAll()11.在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？（C）A、firstB、eq(1)C、css(name)12.在jquery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？（A）A、width()B、width(val)C、widthD、innerWidth()13.为每一个指定元素的指定事件（像click）绑定一个事件处理器函数，下面哪个是用来实现该功能的？（B）Bind one unbind triggerA、trigger (type)B、bind(type)C、one(type)14.在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？(D)A、hover(over ,out)B、keypress（fn）C、change()D、change(fn)15.当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现？（C）A、click(fn)B、change(fn)C、select(fn)D、bind(fn)16.在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件？(C)A、$.ajax()B、load(url)C、$.get(url)D、$. getScript(url)17.下面不属于ajax事件的是？(C)A、ajaxComplete(callback)B、ajaxSuccess(callback)C、$.post(url)D、ajaxSend(callback)18.使用jquery检查<input type="hidden" id="id" name="id" />元素在网页上是否存在。

jQuery题库

jQuery题库一．选择题下面哪种不是jquery的选择器?( ) C。

A、基本选择器B、层次选择器C、css选择器D、表单选择器当DOM加载完成后要执行的函数，下面哪个是正确的?( ) CA、jQuery(expression, [context])B、jQuery(html,[ownerDocument])C、jQuery(callback)D、jQuery(elements)下面哪一个是用来追加到指定元素的末尾的?( ) CA、insertAfter()B、append()C、appendTo()D、after()下面哪一个不是jquery对象访问的方法? ( ) DA、each()B、size()C、.lengthD、onclick()在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的？（） CA、eq(index)B、find(expr)C、siblings([expr])D、next()如果需要匹配包含文本的元素，用下面哪种来实现? ( ) BA、text()B、contains()C、input()D、attr(name)如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素? ( C)A、text()B、get()C、eq()D、contents( )下面哪种不属于jquery的筛选? ( ) BA、过滤B、自动C、查找D、串联下面哪几种是属于jquery文档处理的? (多选) ABCDA、包裹B、替换C、删除D、内部和外部插入如果想被选元素之后插入 HTML 标记或已有的元素，下面哪个是实现该功能的? ( ) D A、append(content) B、 appendTo(content)C、insertAfter(content)D、after(content)在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的?( ) C A、delete() B、empty() C 、remove() D、removeAll()在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的? ( ) DA、firstB、eq(1)C、css(name)D、css(name,value)在jquery中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的? ( ) A A、width() B、width(val) C、width D、innerWidth()为每一个指定元素的指定事件(像click) 绑定一个事件处理器函数，下面哪个是用来实现该功能的? ( ) BA、trgger (type)B、bind(type)C、one(type)D、bind在jquery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事( C ) A、.ajax()B、load(url)C、 .ajax() B、load(url) C、.ajax()B、load(url)C、.get(url) D$. getScript(url)在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现? ( D)A、hover(over ,out)B、keypress (fn)C、change()D、change(fn)当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现? ( ) CA、click(fn)B、change(fn)C、select(fn)D、bind(fn)18.以下 jquery 对象方法中，使用了事件委托的是( ) DA、bind B. 、mousedown C、change D、on19.元素的type属性的取值可以是（多选）ABDA、imageB、checkboxC、selectD、button20.下列jQuery事件绑定正确的是____。

jQuery简单入门练习

jQuery基础教程（第3版）---第三章习题答案

$('p').mousedown(function(event){//获取当前的p对象 //console.log($('p').get(0)); ob = $('p').get(0); });
பைடு நூலகம்
//第四题 $('p').mousemove(function(event){ console.log(event.pageX+" "+event.pageY); });
//第五题 var ob; $('p').mouseup(function(){ if($('p').get(0)==ob){
$('p').addClass('hidden'); }else{ $('p').removeClass('hidden'); } });
var s = $('body').get(0).className; if(s=='' || s=='default'){ s='narrow'; }else if(s=='narrow'){ s='large'; }else if(s=='large'){ s=''; } //类的显示 $('body').removeClass().addClass(s); } //按钮选中 if(s==''){ setBodyClass('default'); }else{ setBodyClass(s); } });

第20章jQuery基础-参考题

第20章jQuery基础-参考题一、选择题1．下面哪一种不属于Jquery的选择器。

（）A．基本选择器 B．层级选择器C．表单选择器 D．节点选择器2．页面中有三个元素，代码如下：<div>div标签</div><span>span标签</span><p>p标签</p>如果这三个标签要触发同一个单击事件，那么正确的写法是（）。

A．$("div,span,p").click(function(){}); B．$("div | | span || p").click(function(){});C．$("div + span + p").click(function(){}); D．$("div ~ span ~ p").click(function(){});3．如果想要获取一个表格的第二行，用下面的（）方法可以快速找到指定元素。

A．$("tr:first") B．$("tr:gt(4)") C．$("tr:e q(1)") D． $(":header")4．如果需要匹配包含指定文本的元素，用下面哪种方法来实现？( )A．text() B．contains() C．input( ) D．attr(name)5．HTML代码如下：<p class="s1">hello</p>要使文本“hello”的字体大小变成40px，正确的代码是（）。

A．$('div.s1').css('font-size','40px');B．$('p.s1').css('font-size', '40px');C．$('#s1').css('font-size','40px');D．$('p#s1').css('font-size','40px');6．下面说法不正确的是（）。

javascript+jquery教科书第四章节案例代码解释

为您解释一些可能在 JavaScript 和 jQuery 教科书的第四章中出现的常见案例代码。

通常，在教科书的第四章节中，会介绍以下主题和相关案例代码：
1. 表单验证：教学目标可能包括如何使用 JavaScript 和 jQuery 来验证用户输入的表单
数据。

案例代码可能涉及表单字段验证、错误消息提示和提交按钮禁用等功能。

2. 动态内容加载：这部分内容可能涉及如何使用 AJAX 技术（通过 JavaScript 和 jQuery）从服务器异步加载动态内容。

案例代码可能包括通过点击按钮或触发事件加载数据，
并将其展示在网页上。

3. 图片轮播：这个案例可能涉及如何使用 jQuery 插件或自定义代码来创建一个图片轮
播效果。

案例代码可能包括定义轮播容器、切换图片、自动播放和导航控制等功能。

4. 动画效果：这部分内容可能讲解如何使用jQuery 来创建各种动画效果，如淡入淡出、滑动和缩放等。

案例代码可能包括定义动画元素、设置动画参数和触发动画效果等。

请注意，具体的案例代码会因不同的教材而有所差异。

建议您参考您所使用的教科书
中的具体案例代码和说明，以获取更准确和详细的解释。

如有其他问题，我将非常乐
意为您解答。

第04章_JavaScript和jQuery习题解答

第4章JavaScript和jQuery第四章习题解答1．JavaScript的特点是什么？JavaScript与jQuery是什么关系？【解答】JavaScript是一种广泛用于网页客户端开发的脚本语言。

通过JavaScript，可以动态选择、添加、删除、修改HTML元素和CSS。

jQuery是一种免费的开源JavaScript库，这些库函数也是用JavaScript来编写的，但是语法更加简洁、直观。

另外，jQuery还自动处理了各种浏览器的兼容性问题，让开发人员编写的客户端代码在各种操作系统平台下、各种浏览器以及同一种浏览器的不同版本中呈现完全相同的效果。

2．使用DOM访问指定节点的方法主要有哪几种？【解答】使用DOM访问指定节点的方法主要有三种，分别为：1）getElementById(id)：返回文档中具有指定id属性的element节点2）getElementByName(name)：返回文档中具有指定name属性的element节点3）getElementsByTagName(tagName)：返回文档中具有指定标记名的所有element节点3．如何使用jQuery获取和设置元素的某个CSS属性的值？【解答】jQuery提供获取或设置元素的CSS属性的方法主要有以下几种方式1）css(propertyName)该方法只有一个参数，用于获取匹配元素的CSS属性值，参数propertyName指定要获取的属性。

2）css(propertyName,value)该方法有两个参数，用于设置匹配元素的CSS属性。

3）css(propertyName, function(index, value))该方法也是为所有匹配的元素设置CSS属性。

4）css({properties})该方法为匹配的每个元素设置一个或多个CSS属性4．jQuery获取和设置HTML页面元素的值的方法有哪些？【解答】jQuery提供获取或设置HTML页面元素的值的方法主要有以下几种方式1）html([value])、html(function(index, html))html([value])：不带参数时，获取第一个匹配元素的html内容。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

21switch (event.which) {
22case 37:
23$box.animate({'left': '-=20px'}, 'fast');
24break;
25case39:……
26case38:……
27case 40:
28$box.animate({'top': '+=20px'}, 'fast');
4$(this).css('backgroundColor', 'yellow');
5}, function() {
6$(this).css('backgroundColor', style1);
7// $(this).removeClass('hover');
8})
(3)单击标题（<h2>）使其不透明度变为25%，同时添加20px的左外边距，当这两个效果完成后，把讲话文本变成50%的不透明度9;h2').click(function() {
10$(this).animate({
11'opacity': 0.25,
12'margin-left': '+=20px'
13}, 'slow');
14$('.speech').animate({
15'opacity': 0.5
16}, 'slow');
17})
(4)挑战：按下方向键时，使样式转换器向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）。
18$(document).keyup(function(event) {
19var$box = $('#switcher');
20$box.css('position', 'relative');
jQuery
CHAP
(1)修改样式表，一开始先隐藏页面内容，当页面加载后，慢慢地淡入内容；
$('body').hide().fadeIn(2000);
(2)在鼠标悬停到段落上面时，给段落应用黄色背景；
1varstyle1;
2$('p').hover(function() {
3style1 = $(this).css('backgroundColor');

jQuery基础教程(第四版)课后练习4

前端jquery练习题

JAVA编程思想(第四版)课后答案

jQuery基础教程第四版 第3章学习笔记

jquery基础填空题

jQuery的简单入门练习

jquery练习题

jQuery基础教程(第四版)课后练习3

jQuery练习题

jQuery练习题

JQuery题库

jQuery题库

jQuery简单入门练习

jQuery基础教程（第3版）---第三章习题答案

第20章jQuery基础-参考题

javascript+jquery教科书第四章节案例代码解释

第04章_JavaScript和jQuery习题解答

jQuery基础教程第四版第3章学习笔记