jQuery常见问题汇总

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>

最后编辑于：2019.08.10 18:13:09