前端學習記錄 jq選擇器

2021-09-03 08:28:25 字數 1237 閱讀 6260

學了又忘,遂記之

jq選擇器:

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

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

.children() 子元素

.find()     後代

.next()     往後相鄰

.nextall()  每個元素之後的所有同輩元素,由選擇器進行篩選(可選)

.prev()

.prevall()

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

.data()     獲取資料,$(selector).data(name),在元素裡:,獲取:$('.uploadpic').data('upitem')

.attr()     $("img").attr("width","180");

.css()      $("p").css("background-color","yellow");

.html()     $("p").html("helloworld!");

.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

往元素外的前後新增: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 ()

});操作父視窗:parent.document.getelementbyid

表單display:none也會被提交

jq常用選擇器

jquery 使用 css 選擇器來選取 html 元素。div 選取 元素。p.intro 選取所有 class intro 的 元素。p demo 選取所有 id demo 的 元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有 href 屬性的元素。h...

jq選擇器總結

js選擇 var test document.getelementbyid test var parent test.parentnode 父節點 var chils test.childnodes 全部子節點 var first test.firstchild 第乙個子節點 var last te...

JQ常用選擇器總結

1 常用選擇器 myelement 選擇id為myelement的元素,唯一元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可用多種的選擇方式聯合選擇 例如 myelement,div,myclass 2...