天天看點

jquery屬性文檔事件等操作

1、jq方法attr removeAttr

script标簽大部分都是寫在body标簽上。下面的情況下$符号是拿不到的。 

jquery屬性文檔事件等操作

将它放到上面就能拿到$對象了。但是不能擷取body裡的元素。因為代碼執行順序從上往下。列印這個标簽時,這個标簽還沒有加載。

jquery屬性文檔事件等操作

這種情況下可以使用文檔加載事件。$(document).ready(需要執行的匿名函數)。即文檔加載完成才走裡面的代碼

jquery屬性文檔事件等操作

也可以使用簡寫方式:$(想要做操作的匿名函數)。文檔加載完成之後,調用回調函數中代碼

$(function () {
    
})      
jquery屬性文檔事件等操作

下面這樣等視窗加載完成之後,文檔也就加載完了。但是這個事件有問題,當再綁定一次onload的事件時就會将上面的事件覆寫掉。

window.onload=function () {
    var op=document.getElementsByTagName('p');
    console.log(op);
}      
jquery屬性文檔事件等操作

 而$(匿名函數)這個方法可以重複寫,不會被覆寫掉。

jquery屬性文檔事件等操作

添加單個屬性:

jquery屬性文檔事件等操作

jq對象.attr({})小中花。設定多個屬性

jquery屬性文檔事件等操作

 $() jq對象.attr(屬性)   傳回的是屬性值

jquery屬性文檔事件等操作

 異常屬性:$()  jq對象.remove屬性(‘屬性’)

jquery屬性文檔事件等操作

2、jq方法prop removeProp

jquery屬性文檔事件等操作

 checked不寫内容,預設它的值是checked。資料庫中tinyint(0) false ;tinyint(1) true。表示性别可以用 01或者TRUE FALSE來存儲

jquery屬性文檔事件等操作

給checked指派再看。

 列印不變:

jquery屬性文檔事件等操作

input中的這些屬性用attr擷取不到,隻能用prop。

jquery屬性文檔事件等操作
jquery屬性文檔事件等操作

prop添加屬性也是添加到input這個類中,不是在标簽行中。類中和标簽行上有同名的屬性。

jquery屬性文檔事件等操作

删除可以用removeProp

3、

jquery屬性文檔事件等操作
jquery屬性文檔事件等操作

插入地圖,可以從jq22.com裡找百度地圖的api調用

jquery屬性文檔事件等操作
jquery屬性文檔事件等操作
jquery屬性文檔事件等操作

檢視源碼:

jquery屬性文檔事件等操作

這裡也是調用的第三方的百度的api。

jquery屬性文檔事件等操作

把它去掉:

jquery屬性文檔事件等操作

隻要這部分源碼複制粘貼使用即可;

jquery屬性文檔事件等操作

複制粘貼使用:

jquery屬性文檔事件等操作

再做個位址修改,試了試改位址沒成功:

4、jq 擷取目前對象索引index()

jquery屬性文檔事件等操作