jQueryの一般的なメソッドは何ですか

藏色散人
リリース: 2020-12-03 09:05:20
オリジナル
8921 人が閲覧しました

一般的に使用される jquery のメソッドは次のとおりです: 1. ".bind()" メソッド; 2. ".unbind()" メソッド; 3. ".css()" メソッド; 4. ".hasclass()" "メソッド; 5. ".removeclass"メソッド; 6. ".parent()"メソッドなど

jQueryの一般的なメソッドは何ですか

推奨: 「jquery ビデオ チュートリアル

一般的に使用されるいくつかの jQueryメソッド

.bind()

.unbind()

.css()

.hasclass()

.removeclass

.parent()

.children()

.html()

.hide()

.show()

.attr()

.val()

##jQuery AJAX# で最もよく使用される 3 つのメソッド#

<script>
    //把所有需要用到的地址归类到一个对象里
    var webUrl = {
        "show1Url": "{{ url(&#39;address/list1&#39;) }}",
        "show2Url": "{{ url(&#39;address/list2&#39;) }}",
        "show3Url": "{{ url(&#39;address/list3&#39;) }}"
    };

    // 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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート