• 技术文章 >web前端 >js教程

    jquery的常用方法有哪些

    藏色散人藏色散人2020-12-03 09:05:20原创2125

    jquery的常用方法有:1、“.bind()”方法;2、“.unbind()”方法;3、“.css()”方法;4、“.hasclass()”方法;5、“.removeclass”方法;6、“.parent()”方法等等。

    推荐:《jquery视频教程

    jQuery的几个常用方法

    .bind()

    .unbind()

    .css()

    .hasclass()

    .removeclass

    .parent()

    .children()

    .html()

    .hide()

    .show()

    .attr()

    .val()

    jQuery AJAX最常用的三种方法

    <script>
        //把所有需要用到的地址归类到一个对象里
        var webUrl = {
            "show1Url": "{{ url('address/list1') }}",
            "show2Url": "{{ url('address/list2') }}",
            "show3Url": "{{ url('address/list3') }}"
        };
    
        // get方式
        function getData() {
            $.get(webUrl.show1Url,  //获取地址
                function(json){
                    console.log(json);
                 });
        }
    
        // post方式
        function postData(v1) {
            $.ajaxSettings.async = true;   //在这里设置同步或异步 默认为true(可不写)  false为同步
    
            $.post(webUrl.show2Url,   //获取地址
                {
                    "id":v1          //需要传输的数据
                },
                function(json){
                    console.log(json);
                });
        }
    
        // ajax方式
        function fullData(id) {
            $.ajax({              //  AJAX 请求设置。所有选项都是可选的。
                async:false,        //请求是同步或异步    默认为true  为true时不用写
                type: "POST",            //设置类型
                url: webUrl.show3Url,           //数据传输地址
                dataType: "json",               //获取的数据类型
                data: {"id":id},            //传参
                success: function (json) {      //请求成功之后调用
                    // console.log(json);
                    console.log(json);
                },
                error: function () {        //请求出错时调用
                    console.log("请求失败");
                }
            })
        }
    
    </script>

    以上就是jquery的常用方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery
    上一篇:浅谈使用map代替纯JS对象的方法 下一篇:jquery 判断是否汉字的方法
    线上培训班

    相关文章推荐

    • 如何设置jquery的元素不能用• jquery怎么使字体变色• jQuery focus()怎么用• jquery如何实现延迟执行

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网