1. 程式人生 > >jQuery基本知識回顧

jQuery基本知識回顧

1頁面引入jQuery庫的方式

<script type="text/JavaScript" src="jquery-3.2.1.min.js"></script>

2 入口函式

第一種:$(function(){});
第二種:$(document).ready(function(){});
第三種:jQuery(function(){});

jquery入口函式和js入口函式區別
js入口函式只能有一個,多個會互相覆蓋
jquery入口函式只要載入完文件結構就執行

3jquery常用的核心函式
JQuery(HTML)/$(HTML):動態建立DOM元素的HTML標記字串
each(callbackfn):元素迭代執行方法
size():獲取返回資料的大小(最新版本失效)
length:獲取返回資料內容個數
index()、get():搜尋匹配的元素並返回索引、根據索引獲取指定元素

4屬性操作分析

屬性取值:attr(“name”)
單數屬性設定:attr(“name”,“value”|fn)
多個屬性設定:attr({name:“value”|fn,name:“value”|fn,...});
移除屬性:removeAttr(“name”)
新增class類:addClass(“name”);
移除class類:removeClass(“name”);
切換刪除和新增class類:toggleClass(“name”);
插入文字:html(content|fn)、text(content|fn)