• <b id="1x3vp"></b>

    
    
      <i id="1x3vp"></i>

      1. 當前位置:首頁 > 學習>正文

        jQuery()創建標簽/添加屬性/css屬性/jq獲取checkbox的值

        07-19 學習
        來源:https://www.cnblogs.com/sunxiuwen/p/10261188.html

        閱讀目錄

        jq創建標簽
        jq添加屬性如href,id,class,name等
        jq添加style屬性即css,如width,height,text_aling
        jq向標簽里添加標簽
        在父標簽里添加子標簽
        jq獲取checkbox的值
        前端接收后端json數據,循環遍歷添加標簽


        jq創建標簽
        var ptag = $('<p>');  

        jq添加屬性如href,id,class,name等

        $('#content').attr('class/id/name/href', 'active')

        $('#id').html('標簽的文本')

        $('#input).val('xxxxxxx')


        jq添加style屬性即css,如width,height,text_aling
        $("div").css({"background-color":"yellow","font-size":"200%"});

        var css = {
            background-color: '#EEE',
            height: '500px',
            margin: '10px',
            padding: '2px 5px'
        };
        $("div").css(css);

        jq向標簽里添加標簽
        var ptag = $('p')

        在父標簽里添加子標簽
        $('#id').append(ptag)

        jq獲取checkbox的值
        <ul >
                        <li><input type="checkbox" name="friend_name" value="zhangshan">張三</li>
                        <li><input type="checkbox" name="friend_name" value="lisi">李四</li>
                        <li><input type="checkbox" name="friend_name" value="python">派神</li>
                        <li><input type="checkbox" name="friend_name" value="java">加瓦</li>
        </ul>


        <script>
        var friend_name = new Array()
                $('input[name="friend_name"]:checked').each(function (i) {
                    friend_name[i] = $(this).val()
                });

        </script>


        前端接收后端json數據,循環遍歷添加標簽
        https://www.cnblogs.com/dibaosong/p/4572274.html
        https://blog.csdn.net/qq_36229817/article/details/79816297

        // 后端數據格式為:{key:value,key:value}
        function userEdit(t) {
                    // 1. 點擊按鈕時,獲取該條信息的用戶id,去獲取該用戶信息
                    // 2. 將信息賦值給模態框,然后顯示模態框
                    // 3. 用戶修改完信息后,點擊保存,將數據發給后端保存,保存成功彈出對話框,告知保存成功,失敗讓用戶重新提交
                    let user_id = $(t).closest("tr").find("td").eq(1).text();
                    $.ajax({
                        type: "get",
                        url: "/user/edit?user_id=" + user_id,
                        success: function (d) {
                            console.log(d);
                            if (d.code != 0) {
                                alert(d.desc)
                            } else {
                                let user_data = d.data;
                                let html = "";
                                console.log(user_data)  // 如果獲取的是json字典
                                $.each(user_data, function (key, value) {
                                    {#html += '<div class="form-group">\n' +#}
                                    {#    '                            <label for="name" class="col-sm-2 control-label">姓名:</label>\n' +#}
                                    {#    '                            <div class="col-sm-10">\n' +#}
                                    {#    '                                <input type="text" class=" form-control" id="name" placeholder="姓名">\n' +#}
                                    {#    '                            </div>\n' +#}
                                    {#    '                        </div>'#}

                                    html += '<div class="form-group">' + '<label for="' + key + '" class="col-sm-2 control-label">' + key + ':</label>\n'
                                        + '<div class="col-sm-10"> \n' +
                                        '<input type="text" class=" form-control" id="' + key + '" placeholder="' + value + '">' + '</div>' + '</div>'

                                });
                                $("#user-form").append(html)
                            }
                        }
                    });

        版權聲明: 本站僅提供信息存儲空間服務,旨在傳遞更多信息,不擁有所有權,不承擔相關法律責任,不代表本網贊同其觀點和對其真實性負責。如因作品內容、版權和其它問題需要同本網聯系的,請發送郵件至 舉報,一經查實,本站將立刻刪除。

        猜你喜歡

        欧美人与性动交α欧美精品