1-Jquery基本选择器

选择题

1. 下列哪个选择器用于选择ID为"myId"的元素？
   A. $("#myId")
   B. $(".myId")
   C. $("myId")
   D. $("id=myId")
   答案：A
2. 要选择class为"myClass"的所有元素，应使用哪个选择器？
   A. $("#myClass")
   B. $(".myClass")
   C. $("myClass")
   D. $("class=myClass")
   答案：B
3. 哪个选择器用于选择页面上所有的<p>标签？
   A. $("p")
   B. $("#p")
   C. $(".p")
   D. $("*p")
   答案：A
4. 哪个选择器用于选择页面上所有的元素？
   A. $("*")
   B. $("all")
   C. $("elements")
   D. $("everything")
   答案：A
5. 要同时选择ID为"header"和class为"content"的元素，应使用哪个选择器？
   A. $("#header, .content")
   B. $("#header.content")
   C. $("header, content")
   D. $("id=header, class=content")
   答案：A

填空题

1. jQuery中，_______选择器用于根据元素的ID来选择元素。
   答案：ID
2. 要选择class为"highlight"的所有元素，应使用_______选择器。
   答案：类
3. 使用_______选择器可以选择页面上的所有元素。
   答案：*
4. jQuery中，_______选择器允许你同时选择多个元素。
   答案：组合
5. 要选择标签名为"div"的所有元素，应使用_______选择器。
   答案：标签

编程题

1. 编写一个jQuery代码片段，用于改变ID为"myDiv"的元素的文本内容为"Hello World!"。
   答案：

$("#myDiv").text("Hello World!");

2.假设页面上有一个元素，其class为"myButton"。编写一个jQuery代码片段，用于给这个元素添加一个点击事件，当点击时弹出警告框显示"Button clicked!"。
答案：

$(".myButton").click(function() {  
    alert("Button clicked!");  
});

3. 编写一个jQuery代码片段，用于同时选择ID为"header"和class为"content"的元素，并将它们的背景颜色设置为"#f0f0f0"。
   答案：

$("#header, .content").css("background-color", "#f0f0f0");

简答题

1. 解释什么是jQuery的ID选择器，并给出一个使用示例。
   **答案：**jQuery的ID选择器用于根据元素的唯一ID属性值来选择元素。使用#符号来标识ID选择器。例如，$("#myId")会选择ID为"myId"的元素。
2. 简述类选择器和标签选择器之间的区别，并分别给出使用示例。
   **答案：**类选择器用于选择具有指定class属性的元素，使用.符号来标识。例如，$(".myClass")会选择所有class为"myClass"的元素。标签选择器则用于选择具有指定HTML标签名的元素，直接使用标签名即可。例如，$("p")会选择所有的<p>标签元素。类选择器是基于元素的class属性进行选择，而标签选择器则是基于元素的HTML标签名进行选择。