1. 程式人生 > >前端學習記錄-jq選擇器

前端學習記錄-jq選擇器

學了又忘,遂記之

jq選擇器:

.parent()   父元素,由選擇器篩選(可選),如:$("p").parent(".selected")
.parents()  祖先元素,,由選擇器篩選(可選),如:$("p").parent(".selected")

.children() 子元素
.find()     後代

.next()     往後相鄰
.nextAll()  每個元素之後的所有同輩元素,由選擇器進行篩選(可選)

.prev()
.prevAll()

.siblings() 所有元素的同輩元素,由選擇器篩選(可選),但是不包含自己

.data()     獲取資料,$(selector).data(name),在元素裡:<div class="uploadPic"  data-upitem="2">,獲取:$('.uploadPic').data('upitem')

.attr()     $("img").attr("width","180");
.css()      $("p").css("background-color","yellow");
.html()     $("p").html("Hello <b>world</b>!");
.val()      $(":text").val("Hello World");          //用於表單
.text()     $("p").text("Hello world!");

hasClass()  hasClass('lay-form-company')
removeClass()   removeClass('lay-form-company')
addClass()      addClass('lay-form-company')
removeAttr()
remove()

顯示/隱藏    show/hide

往元素內的前後新增:
前追加:prepend
後補:append   如:$('.lay-form-company').append('<input type="text" name="pic[] value="'+res.data.pic+'" style="display:none">');

往元素外的前後新增:before、after

解析json:res=JSON.parse(res)

index()    注意console.log($(this).index());//1,3          console.log($(this).index('.hot'));//0,1,一般用時選擇後者

迴圈:each()
            inputPic.each(function () {
                if($(this).data('pic')==imgsrc){
                    $(this).remove();
                }
            });


操作父視窗:parent.document.getElementById