jQuery学习

最新推荐文章于 2024-05-05 09:15:00 发布

原创最新推荐文章于 2024-05-05 09:15:00 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

本文展示了使用jQuery进行DOM操作的示例代码，包括按钮点击事件处理、AJAX请求、脚本加载等，并介绍了jQuery中元素遍历的方法如children(), parent(), parents(), siblings()等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function(){
    $("#btn").on("click",function(){
        $("#result").text("loading");
        $.get("server.php",{
            name:$("#name").val();
        }),function(data){
            $("#result").text(data);
        }
    }).error(function(){
        $("#result").text("error");
    })

    $.getScript("main.js", function (script, textStatus, jqXHR) {
        sayHello();
    });
})

$.fn.sayhi=function(){
    $(this).text("666")
}

//这是jQuery中的原型对象，把方法扩展到了对象的prototype上。
//这样也可以新建属于自己的jQuery库

//向下遍历
//children()方法只针对子元素，对其他无效

//向上遍历
//parent() 只有父级元素，只能遍历一层
//parents() 所有父级元素，能遍历很多层
//parentsUntil() 例如：$(“a”).parentsUntil("#div1") 表示a到div1之间的元素

//同级遍历
//siblings() 指同级的所有元素
//next() 下一个元素
//nextAll() 下一个及以后的元素
//nextUntil() until指的是区间
//prev() 前一个元素
//preAll() 前一个及以前的元素
//preUntil()
//过滤遍历
//first() 第一个
//last() 最后一个
//eq() 数组，从0开始
//filter() 符合这一条件的元素
//not() 不符合这一条件的元素