前端学习记录-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

猜你喜欢

转载自blog.csdn.net/weixin_38230961/article/details/85063598