jquery选择题

以下是关于jQuery的常见选择题类型及知识点总结，适合用于测试或复习：

jQuery基础语法

1. 以下哪种是jQuery正确的选择器写法？

   • $("p")
   • document.querySelector("p")
   • jQuery("p").find()
   • $p.select()
     答案：$("p")

2. jQuery中用于隐藏元素的函数是？

   • .remove()
   • .hide()
   • .displayNone()
   • .visible(false)
     答案：.hide()

DOM操作

1. 以下代码的作用是？

   $("#myDiv").html("<p>Hello</p>");

   • 在#myDiv内部追加一个段落
   • 替换#myDiv内容为指定HTML
   • 仅修改文本内容
   • 删除#myDiv的子元素
     答案：替换#myDiv内容为指定HTML

2. 如何用jQuery获取输入框的值？

   

   • $("#input").text()
   • $("#input").value()
   • $("#input").val()
   • $("#input").getValue()
     答案：$("#input").val()

事件处理

1. 以下绑定点击事件的方式中，正确的是？

   • $("#btn").onClick(function() { ... })
   • $("#btn").click(function() { ... })
   • $("#btn").addEventListener("click", ...)
   • $("#btn").bindClick(function() { ... })
     答案：$("#btn").click(function() { ... })

2. 事件委托的正确写法是？

   $("#parent").on("click", "button", function() { ... });

   • 仅在#parent上绑定事件
   • 动态生成的button也会触发事件
   • 仅对现有button生效
   • 语法错误
     答案：动态生成的button也会触发事件

AJAX相关

1. jQuery中发起GET请求的函数是？

   

   • $.post()
   • $.fetch()
   • $.get()
   • $.ajaxGet()
     答案：$.get()

2. 以下哪个是$.ajax()的必填参数？

   • url
   • dataType
   • success
   • headers
     答案：url

综合应用

1. 以下代码的输出结果是？

   console.log($("div").length);

   • 页面中所有div的数量
   • 第一个div的宽度
   • 抛出错误
   • 固定返回1
     答案：页面中所有div的数量

2. 如何用jQuery实现动画效果？

   • .animate({opacity: 0.5}, 1000)
   • .fadeTo(0.5, 1000)
   • .css("opacity", "0.5")
   • 以上全部
     答案：以上全部

如需更深入的题目，可结合以下方向扩展：

• 链式操作（Chaining）
• 插件开发（如$.fn扩展）
• 性能优化（如事件委托与直接绑定的区别）
• 与原生JavaScript的对比