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

                                        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)
                                                            }
                                                        }
                                                    });

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

                                        猜你喜歡

                                        摸哪里男人快速硬起来