前端學習記錄-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