原创 jQuery-CSS屬性查詢與設置

jQuery css() 方法 jQuery css() 方法 css() 方法設置或返回被選元素的一個或多個樣式屬性。 返回 CSS 屬性 如需返回指定的 CSS 屬性的值,請使用如下語法: css("propertyname");

原创 jQuery-jQuery對象和DOM對象的相互轉換

1.jquery對象轉成DOM對象: jquery對象不能使用DOM中的方法,但如果對jquery對象所提供的方法不熟悉,或者沒有jquery想封裝的方法,不得不使用DOM對象,即【index】和get[index]. (1)jquery

原创 jQuery-HTML屬性的查詢與設置

獲取屬性 - attr() jQuery attr() 方法用於獲取屬性值。 下面的例子演示如何獲得鏈接中 href 屬性的值: <script> $(document).ready(function(){ $("button").

原创 jQuery-jQuery基本語法

jQuery 語法 jQuery 語法是通過選取 HTML 元素,並對選取的元素執行某些操作。 基礎語法: $(selector).action() 美元符號定義 jQuery 選擇符(selector)"查詢"和"查找" HTML 元素

原创 jQuery-HTML內容查詢與設置

獲得內容 - text()、html() 以及 val() 三個簡單實用的用於 DOM 操作的 jQuery 方法: text() - 設置或返回所選元素的文本內容 html() - 設置或返回所選元素的內容(包括 HTML 標記) va

原创 jQuery-CSS類屬性操作

jQuery 操作 CSS jQuery 擁有若干進行 CSS 操作的方法。我們將學習下面這些: addClass() - 向被選元素添加一個或多個類 removeClass() - 從被選元素刪除一個或多個類 toggleClass()

原创 jQuery-什麼是jQuery

什麼是 jQuery ? jQuery是一個JavaScript函數庫。 jQuery是一個輕量級的"寫的少,做的多"的JavaScript庫。 jQuery庫包含以下功能: HTML 元素選取 HTML 元素操作 CSS 操作 HTML

原创 JavaScript-事件的冒泡與阻止

事件的冒泡是自下而上的觸發事件,例如 <script> window.onload = function(){ var li = document.getElementsByTagName

原创 jQuery-簡單選擇器

1.基本選擇器 $("#id") //ID選擇器 $("div") //元素選擇器 $(".classname") //類選擇器 $(".classname,.classname1,#

原创 jQuery-jQuery選擇器

jQuery 選擇器 jQuery 選擇器允許您對 HTML 元素組或單個元素進行操作。 jQuery 選擇器基於元素的 id、類、類型、屬性、屬性值等"查找"(或選擇)HTML 元素。 它基於已經存在的CSS選擇器,除此之外,它還有一些

原创 JavaScript-for~in循環

for...in語句以任意順序遍歷一個對象的可枚舉屬性。對於每個不同的屬性,語句都會被執行。 語法: for (variable in object) {...} variable 在每次迭代時,將不同的屬性名分配給變量。 object

原创 JavaScript-for循環

for 循環是您在希望創建循環時常會用到的工具。 下面是 for 循環的語法: for (語句 1; 語句 2; 語句 3)   {   被執行的代碼塊   } 語句 1 在循環(代碼塊)開始前執行 語句 2 定義運行循環(代碼塊)的條件

原创 JavaScript-給對象綁定事件的三種方法

第一種直接將事件添加到元素上 <h1 onclick="console.log("hello")">hello</h1> 點擊h1標題後在控制檯顯示一行文字hello。   第二種將事件直接作爲屬性添加到對象上 <h1>hello</

原创 JavaScript-JS事件

HTML 事件是發生在 HTML 元素上的事情。 當在 HTML 頁面中使用 JavaScript 時, JavaScript 可以觸發這些事件。 HTML 事件可以是瀏覽器行爲,也可以是用戶行爲。 以下是 HTML 事件的實例: HT

原创 JavaScript-子節點類型判斷與操作

<h2 id="header">hello</h2> <ul class="list"> <li>1</li> <li>2</li> <li>3</li> </ul> <script> window.onload