-
jQuery的美元符号$有什么作用?
回答：其实美元符号"$"只是"jQuery"的别名，它是jQuery的选择器，如下代码：
$(docment).ready(function(){
//一些代码
});
当然，也可以用"jQuery"来代替"$":
jQuery(docment).ready(function(){
//一些代码
});
jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选择的，例如$(“div”)即选中所有div元素。
- <body>中的onload()函数和jQuery中的$(docment).ready()有什么区别？
- 可以在页面中使用多个$(docment).ready()，但只能使用一次onload()。
- $(document).ready()函数在页面的DOM元素加载完以后就会被调用，而onload()函数则要在所有的关联资源（包括图像、音频）加载完毕后才会调用。
- jQuery中有哪几种类型的选择器？
-
基本选择器: jQuery中最常用选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素。
基本选择器
-
层次选择器: 通过DOM元素之间的层次关系来获取特定元素，例如后代元素、子元素、相邻元素和同辈元素等。
层次选择器
-
过滤选择器：通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号开头 。按照不同的过滤规则，可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。
基本过滤选择器
内容过滤选择器
可见性过滤选择器
属性过滤选择器
子元素选择器
表单对象过滤选择器
-
表单选择器：为了使用户能够更灵活的操作表单，jQuery中专门加入了表单选择器。
表单选择器
- 使用jQuery将页面上的所有元素边框设置为2px宽的虚线。
<script>
$("*").css("boder", "2px dotted #000");
</script>
- 当CDN上的jQuery文件不可用时，该怎么办？
为了节省带宽和脚本引用的稳定性，我们会使用CDN上的jQuery文件，例如google的jquery cdn服务。但是如果这些CDN上的jQuery服务不可用，我们还可以通过以下代码来切换到本地服务器的jQuery版本：
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='/js/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
- 如何使用jQuery实现点击按钮弹出一个对话框？
<input id="bnt" type="button" value="弹出对话框"/>
<script type="text/javascript">
$(document).ready(function() {
$("#bnt").click(function() {
var text = prompt("这是一个对话框", "hello");
if (text) {
alert(text);
}
});
});
</script>
- jQuery中的delegate()函数有什么作用？
delegate()函数用于为指定元素的一个或多个事件绑定事件处理函数。
此外，你还可以额外传递给事件处理函数一些所需的数据。
即使是执行delegate()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数仍然对其有效。
从jQuery 1.7开始，请优先使用事件函数.on()替代该函数。
重要说明：delegate()函数并不是为当前jQuery对象匹配的元素绑定事件处理函数，而是为它们的后代元素中符合选择器selector参数的元素绑定事件处理函数。delegate()函数并不是直接为这些后代元素挨个绑定事件，而是"委托"给当前jQuery对象的匹配元素来处理。由于DOM 2级的事件流机制，当后代元素selector触发事件时，该事件会在事件冒泡中传递给其所有的祖辈元素，当事件流传递到当前匹配元素时，jQuery会判断是哪个后代元素触发了事件，如果该元素符合选择器selector，jQuery就会捕获该事件，从而执行绑定的事件处理函数。
- 怎样用jQuery编码和解码URL？
encodeURIComponent(url);
decodeURIComponent(url);
- 如何用jQuery禁用浏览器的前进后退按钮？
<script>
$(document).ready(function() {
window.history.forward(1);
//OR
window.history.forward(-1);
});
</script>
网友评论