-
在CSS中，經(jīng)常會在第一行寫下這樣一段樣式
* {padding: 0; margin: 0;}
通配符*意味著給所有的元素設置默認的邊距。
通過document.getElementsByTagName()中傳遞"*"同樣可以獲取到
?//獲取頁面中所有的元素? var elements2 = $("*") ;
===表示數(shù)據(jù)和類型都相等
IE8及較低的版本，瀏覽器不支持getElementsByClassName
查看全部 -
元素選擇器：根據(jù)給定（html）標記名稱選擇所有的元素
$( "element" )? ?$("p").css("border", "3px solid red");
過getElementsByTagName方法得到頁面所有的<div>元素
var divs = document.getElementsByTagName('div');
只能當作數(shù)組循環(huán)賦值，而jquery不一樣，$("p")選取所有的<p>元素，通過css方法直接賦予樣式就可以了
查看全部 -
元素選擇器：根據(jù)給定（html）標記名稱選擇所有的元素
$( "element" )? ?$("p").css("border", "3px solid red");
過getElementsByTagName方法得到頁面所有的<div>元素
var divs = document.getElementsByTagName('div');
只能當作數(shù)組循環(huán)賦值，而jquery不一樣，$("p")選取所有的<p>元素，通過css方法直接賦予樣式，直接就可以了
查看全部 -
類選擇器：通過class樣式類名來獲取節(jié)點
$( ".class" )? ???$(".imooc").css("border", "3px solid red");
內(nèi)部肯定是帶了一個隱式的循環(huán)處理
?//通過原生方法處理
//樣式是可以多選的，所以得到的是一個合集
//需要通過循環(huán)給合集中每一個元素修改樣式
? ? ? ? var divs = document.getElementsByClassName('aaron');
? ? ? ? for (var i = 0; i < divs.length; i++) {
? ? ? ? ? ? divs[i].style.border = "3px solid blue";
? ? ? ? }
而用這個jQuery除了選擇上的簡單，而且沒有再次使用循環(huán)處理
查看全部 -
開發(fā)者如何快速高效的找到指定的節(jié)點也是前端開發(fā)中的一個重點。jQuery提供了一系列的選擇器幫助開發(fā)者達到這一目的.
id選擇器：一個用來查找的ID，即元素的id屬性
$( "#id")；
$("#imooc").css("border", "3px solid red");
?<script type="text/javascript"></script>可以有多個
id是唯一的，每個id值在一個頁面中只能使用一次。如果多個元素分配了相同的id，將只匹配該id選擇集合的第一個DOM元素。但這種行為不應該發(fā)生;有超過一個元素的頁面使用相同的id是無效的
查看全部 -
將dom對象轉(zhuǎn)換成jQuery
$(參數(shù))是一個多功能的方法，通過傳遞不同的參數(shù)而產(chǎn)生不同的作用。
如果傳遞給$(DOM)函數(shù)的參數(shù)是一個DOM對象，jQuery方法會把這個DOM對象給包裝成一個新的jQuery對象
?var $div = $(div);
----------------------------------
var $first = $div.first(); //找到第一個div元素
查看全部 -
注意導入格式
var $div = $('div') //jQuery對象
var div = $div[0] //轉(zhuǎn)化成DOM對象? ?相當于??var div = $div.get(0) 只不過封裝了
div.style.color = 'red' //操作dom對象的屬性查看全部 -
JQuery相當于對JavaScript的一個封裝
var p = document.getElementById('imooc');相當于var $p = $('#imooc');
p.innerHTML = '您好！通過慕課網(wǎng)學習jQuery才是最佳的途徑';
p.style.color = 'red';$p.html('您好！通過慕課網(wǎng)學習jQuery才是最佳的途徑').css('color','red');
調(diào)用該對象的html()方法進行更改內(nèi)容，調(diào)用該對象的css()方法進行更改顏色樣式
查看全部 -
當頁面加載完成后，在頁面中以居中的方式顯示“您好！通過慕課網(wǎng)學習 jQuery 才是最佳的途徑”字樣。
先寫一個css樣式，讓他居中
導入JQuery庫
在javascript里
$(document).ready(function() {$("div").html("您好！通過慕課網(wǎng)學習jQuery才是最佳的途徑。");}）
$(document).ready 的作用是等頁面的文檔（document）中的節(jié)點都加載完畢后，再執(zhí)行后續(xù)的代碼，因為我們在執(zhí)行代碼的時候，可能會依賴頁面的某一個元素，我們要確保這個元素真正的的被加載完畢后才能正確的使用。
查看全部 -
jQuery?1.9 版本
?jQuery是一個JavaScript腳本庫，不需要特別的安裝，只需要我們在頁面 <head> 標簽內(nèi)中，通過 script 標簽引入 jQuery 庫即可。
<script type="text/javascript" src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>
搭建環(huán)境成功
查看全部 -
$(".class") 類選擇器相對于id選擇器來說，效率會相對較低，但是可以多選。 使用javascriprt的原生getElementByClassName（）函數(shù)實現(xiàn)。查看全部 -
id選擇器是最基本的選擇器使用document。使用getElementById（）處理，id是唯一的，每個id在一個頁面中只能使用一次。? ? ? ? ?
$("#id")
查看全部 -
jQuery可見性選擇器
查看全部 -
jQuery層級選擇器
查看全部 -
jQuery全選擇器
查看全部
舉報