Jquery学习小总结

Jquery小结(2017年09月29日20:40:53);

<script src="/js/jquery-3.2.1.js"></srcript>
<script type="text/javascript">
//函数一:
     function fun1(){
        $("#div1").html(6666)

//        获取到的值是div1,是用来获取属性值的.
        console.log($("#div1").attr("id"))
//        这是将id更改为div2
        $("#div1").attr("id", "div2")

        console.log($("#div1").attr("id"))
     }
     //函数的调用
     fun1()
//函数二:  
     function func2() {
        $.ajax({
            url: "studentinfo",
            data: {
                username: $("#div1").html(),
                password: "666",
                hobby: "zzz"
            },
            success:function (result) {
                console.log(result)
            }
        })
    }
    func2()
</script>

总结笔记:

一.$的两种使用方式:

*1).$() :选择标签,获取标签;

*2).$.xxx :调用方法,ajax/get/post;

二.$()的使用:

• 1).$(“”) :使用选择器获取标签;
• 2).$(js对象):$(document)将js对象转为jq对象;

三.$()的方法:

• 1).带参数 :赋新值,例子:$ (“#div1”).html(6666);
• 2).不带参数 :获取当前的值,例子:$ (“#div1”).html();

四.如果jq的方法没有明显的返回值,那这个方法会返回对象本身(链式编程风格)