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