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

表单display:none也会被提交