-
.addClass()方法是通過增加class名的方式，那么這個樣式是在外部文件或者內部樣式中先定義好的，等到需要的時候在附加到元素上 通過.css()方法處理的是內聯樣式，直接通過元素的style屬性附加到元素上的查看全部
-
.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()都可以使用回調函數的返回值來動態的改變多個元素的內容。查看全部
-
.htm()方法內部使用的是DOM的innerHTML屬性來處理的，所以在設置與獲取上需要注意的一個最重要的問題，這個操作是針對整個HTML內容（不僅僅只是文本內容）查看全部
-
:contains與:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同樣認為是符合條件的。 :parent與:empty是相反的，兩者所涉及的子元素，包括文本節點查看全部
-
基本篩選選擇器針對的都是元素DOM節點;查看全部
-
不難發現，id、class、tag都可以通過原生的方法獲取到對應的節點，但是我們還需要考慮一個兼容性的問題，我這里順便提及一下，比如: IE會將注釋節點實現為元素，所以在IE中調用getElementsByTagName里面會包含注釋節點，這個通常是不應該的 getElementById的參數在IE8及較低的版本不區分大小寫 IE7及較低的版本中，表單元素中，如果表單A的name屬性名用了另一個元素B的ID名并且A在B之前，那么getElementById會選中A IE8及較低的版本，瀏覽器不支持getElementsByClassName查看全部
-
不難發現，id、class、tag都可以通過原生的方法獲取到對應的節點，但是我們還需要考慮一個兼容性的問題，我這里順便提及一下，比如: IE會將注釋節點實現為元素，所以在IE中調用getElementsByTagName里面會包含注釋節點，這個通常是不應該的 getElementById的參數在IE8及較低的版本不區分大小寫 IE7及較低的版本中，表單元素中，如果表單A的name屬性名用了另一個元素B的ID名并且A在B之前，那么getElementById會選中A IE8及較低的版本，瀏覽器不支持getElementsByClassName查看全部
-
:first只匹配一個單獨的元素，但是:first-child選擇器可以匹配多個：即為每個父級元素匹配第一個子元素。這相當于:nth-child(1) :last 只匹配一個單獨的元素， :last-child 選擇器可以匹配多個元素：即，為每個父級元素匹配最后一個子元素 如果子元素只有一個的話，:first-child與:last-child是同一個 :only-child匹配某個元素是父元素中唯一的子元素，就是說當前子元素是父元素中唯一的元素，則匹配 jQuery實現:nth-child(n)是嚴格來自CSS規范，所以n值是“索引”，也就是說，從1開始計數，:nth-child(index)從1開始的，而eq(index)是從0開始的 nth-child(n) 與 :nth-last-child(n) 的區別前者是從前往后計算，后者從后往前計算查看全部
-
<script type="text/javascript"> //找到每一個dd下面的一個p元素，并改變顏色 //可以通過子類選擇器 p:first-child 篩選出每一個dd中的的第一個a元素 $('dd p:first-child').css('color','#9932CC'); </script> <script type="text/javascript"> //把a元素從順序1-5加上顏色 //可以通過基本篩選器lt,選擇匹配集合中所有索引值小于給定index參數的元素 //注意了index是從0開始計算，所以選在1-5,為對應的index就是4 $("a:lt(4)").css('color','red'); </script> <script type="text/javascript"> //在所有a元素中找到屬性名name="setColor"的元素，并設置顏色 //這里用的屬性選擇器[attribute='value']選擇指定屬性是給定值的元素 $('a[name="setColor"]').css('color','blue'); </script> <script type="text/javascript"> //選中2個dd列表中第10個元素，并改變顏色 //這里用了nth-child 選擇的他們所有父元素的第n個子元素 $('dd a:nth-child(10)').css('color','#66CD00'); </script> <script type="text/javascript"> //找到把a元素中包含文字"更多"的節點，改變顏色 $('#menu_con div.tag:last a:contains("更多")').css('color','#C71585'); </script> </script>查看全部
-
用Jquery的ID選擇器選取節點的元素并且設置邊框厚度和顏色 <div id="imooc"> <p>id="imooc"</p> <p>選中</p> </div> <script type="text/javascript"> $("#imooc").css('border','3px solid red') </script>查看全部
-
通過document.getElementTagNmae()方法獲得元素標簽名，然后把div標簽名加工成Jquery對象賦給$div,再然后用Jquery對象調用first（）方法賦值給Jquery的$first對象，最后用$first對象調用css（）方法給元素設置顏色 var div = document.getElementTagName('div'); var $div=$(div); var $first=$div.first(); $first.css('color','red');查看全部
-
var $div=$('div');//獲得Jquery類數組對象賦值給Jquery對象 var div=$div.get(0);//用Jquery對象調用自己的.get（）方法索引下標為0的元素賦值給DOM對象 div.style.color='red';//DOM對象調用自己的屬性處理元素的顏色查看全部
-
//原生javascript方法調用元素賦值給對象 <p id="imooc"></p> <script type="text/javascript"> var p=document.getElementById('imooc'); p.innerHTML='你好';p.style.color='red'; </script> //JQuery方法 var $p=$('#imooc'); $p.html('你好').css('color','red');查看全部
-
<style type="text/css"> div{ padding:8px 0px; font-size:12px; text-align:center; border:solid 1px #888 } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){$("div").html("你好");}）; </script>查看全部
-
元素有顯示狀態與隱藏狀態，jQuery根據元素的狀態擴展了可見性篩選選擇器:visible與:hidden 描述如下： 這2個選擇器都是 jQuery 延伸出來的，看起來比較簡單，但是元素可見性依賴于適用的樣式 :hidden選擇器，不僅僅包含樣式是display="none"的元素，還包括隱藏表單、visibility等等 我們有幾種方式可以隱藏一個元素： CSS display的值是none。 type="hidden"的表單元素。 寬度和高度都顯式設置為0。 一個祖先元素是隱藏的，該元素是不會在頁面上顯示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占據文檔中一定的空間,元素被認為是可見的。 可見元素的寬度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被認為是可見的，因為他們仍然占用空間布局。 不在文檔中的元素是被認為是不可見的，如果當他們被插入到文檔中，jQuery沒有辦法知道他們是否是可見的，因為元素可見性依賴于適用的樣式查看全部
舉報
0/150
提交
取消