-
jQuery是一個類數組對象,DOM對象就是一個單獨的DOM元素。 var div = $div[0] //轉化成DOM對象; var div = $div.get(0) //通過get方法,轉化成DOM對象查看全部
-
var div = $div.get(0) //通過get方法,轉化成DOM對象查看全部
-
$( "parent > child" ) 子選擇器:選擇所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代選擇器:選擇給定的祖先元素的所有后代元素, 一個元素的后代可能是該元素的一個孩子,孫子,曾孫等 $("prev + next") 相鄰兄弟選擇器:選擇所有緊接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟選擇器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配過濾“siblings”選擇器 $( "parent > child" ) 子選擇器:選擇所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代選擇器:選擇給定的祖先元素的所有后代元素, 一個元素的后代可能是該元素的一個孩子,孫子,曾孫等 $("prev + next") 相鄰兄弟選擇器:選擇所有緊接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟選擇器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配過濾“siblings”選擇器查看全部
-
.css()查看全部
-
removeClass( )方法 .removeClass( [className ] ):每個匹配元素移除的一個或多個用空格隔開的樣式名 .removeClass( function(index, class) ) : 一個函數,返回一個或多個將要被移除的樣式名 注意事項 如果一個樣式類名作為一個參數,只有這樣式類會被從匹配的元素集合中刪除 。 如果沒有樣式名作為參數,那么所有的樣式類將被移除查看全部
-
.html(),.text()和.val()的差異總結: .html(),.text(),.val()三種方法都是用來讀取選定元素的內容;只不過.html()是用來讀取元素的html內容(包括html標簽),.text()用來讀取元素的純文本內容,包括其后代元素,.val()是用來讀取表單元素的"value"值。其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上;另外.html()方法使用在多個元素上時,只讀取第一個元素;.val()方法和.html()相同,如果其應用在多個元素上時,只能讀取第一個表單元素的"value"值,但是.text()和他們不一樣,如果.text()應用在多個元素上時,將會讀取所有選中元素的文本內容。 .html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容,如果三個方法同時運用在多個元素上時,那么將會替換所有選中元素的內容。 .html(),.text(),.val()都可以使用回調函數的返回值來動態的改變多個元素的內容查看全部
-
<!-- 使用JS原生語法 --> <script type="text/javascript"> window.onload = function(){ // 通過原生JS語法獲取id為imooc1的元素p var p = document.getElementById('imooc1'); // 將元素p在html中內容改變 p.innerHTML = 'P1:您好!通過慕課網學習jQuery才是最佳的途徑'; // 將元素p的內容顏色改為紅色 p.style.color = 'red'; } </script> <!-- 使用jQuery語法 --> <script type="text/javascript"> $(document).ready(function() { /** * 通過jQuery語法獲取id為imooc2的元素獲得一個jQuery對象 * 調用該對象的html()方法進行更改內容 * 調用該對象的css()方法進行更改顏色樣式 */ var $p = $('#imooc2'); $p.html('P2:您好!通過慕課網學習jQuery才是最佳的途徑').css('color','red'); }); </script>查看全部
-
$(document).ready 的意思是等頁面的文檔(document)中的節點都加載完畢后,在執行后續的代碼,因為我們在執行代碼的時候,可能會依賴頁面的某一個元素,我們要確保這個元素真正的的被加載完畢后才能正確的使用。查看全部
-
表單對象屬性篩選選擇器查看全部
-
<script type="text/javascript"> //查找所有div中,屬性name=p1的div元素 $("div[name=p1]").css("border", "3px groove red"); </script> <script type="text/javascript"> //查找所有div中,有屬性p2的div元素 $("div[p2]").css("border", "3px groove blue"); </script> <script type="text/javascript"> //查找所有div中,有屬性name中的值包含一個連字符“-”的div元素 $("div[name|=a]").css("border", "3px groove #00FF00"); </script> <script type="text/javascript"> //查找所有div中,有屬性name中的值包含一個連字符“空”的div元素 $("div[name~=a]").css("border", "3px groove #668B8B"); </script>查看全部
-
類選擇器,相對id選擇器來說,效率相對會低一點,但是優勢就是可以多選查看全部
-
.html(),.text(),.val()三種方法都是用來讀取選定元素的內容;只不過.html()是用來讀取元素的html內容(包括html標簽),.text()用來讀取元素的純文本內容,包括其后代元素,.val()是用來讀取表單元素的"value"值。其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上;另外.html()方法使用在多個元素上時,只讀取第一個元素;.val()方法和.html()相同,如果其應用在多個元素上時,只能讀取第一個表單元素的"value"值,但是.text()和他們不一樣,如果.text()應用在多個元素上時,將會讀取所有選中元素的文本內容。 .html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容,如果三個方法同時運用在多個元素上時,那么將會替換所有選中元素的內容。 .html(),.text(),.val()都可以使用回調函數的返回值來動態的改變多個元素的內容。查看全部
-
jQuery四大板塊查看全部
-
//類名選中的同一標簽名不可選中 一般兄弟選擇器語法(類名-要選中的之間的元素不包括自己)查看全部
舉報
0/150
提交
取消