1.jquery操作dom的屬性：attr()
1.1：獲得節點的屬性：jquery物件.attr("屬性名");
eg://獲得節點物件的屬性
alert($("#d1").attr("src"));
1.2：設定節點的一對屬性：jquery物件.attr("屬性名"，"屬性值");
eg://設定節點物件的一對屬性
1.3：設定節點的多對屬性：jquery物件.attr();
eg://設定節點物件的多對屬性
$("img").attr();
2.jquery操作dom的內容：
2.1：獲得節點的內容：jquery物件.html();
eg://獲得節點物件的內容
alert($("h1").html());
2.2：設定節點的內容：jquery物件.html("內容");
eg://設定節點物件的內容
$("h1").html("今年好好加油，明年大家都高薪就業");
2.3：清空節點的內容：jquery物件.html("");
eg://清空節點物件的內容
$("h1").html("");
3.jquery操作dom的文字內容：
2.1：獲得節點物件的文字內容：jquery物件.text()
eg://獲得節點物件的文字的內容
alert($("h1").text());
2.2：設定節點物件的文字內容：jquery物件.text("文字內容")
eg://設定節點物件的文字內容
$("h1").text("哈哈");
4.jquery操作dom的value屬性
4.1：獲得節點物件的value屬性值：jquery物件.val();
eg://獲得節點物件的value屬性值
alert($("[name=uname]").val());
4.2：設定節點物件的value屬性值：jquery物件.val("值");
eg://設定節點物件的value屬性值
$("[name=uname]").val("aaa");
5.jquery操作dom的css樣式
5.1：設定節點物件的一對樣式：jquery物件.css("樣式名","樣式值");
eg://給節點物件設定一對樣式
//$("h1").css("color","pink");
5.2：設定節點物件的多對樣式：jquery物件.css();
eg://給節點物件設定多對樣式
$("h1").css();
5.3：獲得節點物件的樣式：jquery物件.css("樣式名");
eg://獲得節點物件的樣式
alert($("h1").css("font-size"));
6.jquery操作dom的類名
6.1：給節點物件新增類名：jquery物件.addclass("類名1 類名2...");
eg://給節點物件新增類名
$("h1").addclass("aa");
6.2：給節點物件刪除類名：jquery物件.removeclass("類名1");jquery物件.removeclass()
eg://刪除節點物件的類名
$("h1").removeclass();
6.3：有類名就刪除，無類名就新增：jquery物件.toggleclass("類名")；
eg://有類名就刪除類名，無類名新增類名
$("h1").toggleclass("aa");
7.jquery操作節點物件
7.1：jquery建立節點物件：$("建立的節點物件");
eg://建立節點物件
var node1=$("這是乙個p標籤
");7.2：jquery新增節點物件
7.2.1:新增最後乙個孩子節點
eg://新增最後乙個孩子元素
7.2.2：新增第乙個孩子節點
eg://新增第乙個孩子元素
var node2=$("這是乙個div
");//$("body").prepend(node2);
node2.prependto($("body"));
7.2.3：新增弟弟節點
eg://新增乙個弟弟節點
//$("h1").after($("這是第二個div
"));
$("這是第二個div
").insertafter($("h1"));
7.2.4：新增哥哥節點
eg://新增乙個哥節點
//$("h1").before($(""));
$("").insertbefore($("h1"));
7.3：jquery替換節點物件
eg://替換節點物件
//$("h2").replacewith($("這是乙個span標籤"));
$("這是乙個span標籤").replaceall($("h2"));
7.4：jquery複製節點物件
eg://複製節點物件,false表示複製節點物件不複製事件，true表示節點物件及事件全複製
7.5：jquery刪除節點物件
7.5.1:jquery物件.empty(); =>jquery物件.html(""); 只刪除節點物件內容
eg:$("h1").empty();
7.5.2：jquery物件.detach(); 只刪除節點物件，節點物件的事件沒有刪除
eg://$("h1").detach();
7.5.3：jquery物件.remove(); 刪除節點物件的同時，節點物件的事件也刪除了
eg:$("h1").remove();
8.遍歷元素集合：以每乙個匹配的元素作為上下文來執行乙個函式。
語法：jquery物件.each(function([i,demo]));
eg://遍歷節點集合
$("li").each(function(i,t));
9.冒泡現象：當父節點與子節點具有相同的事件時，觸發子節點的事件會自動觸發父節點的事件。
9.1：防止冒泡現象的發生：
第一種方法：return false;
第二種方法：e.stoppropagation();
eg://給子元素寫乙個單擊事件
$("input").click(function(e));
10.事件：jquery物件.事件名(function(){});
10.1:為每個匹配元素的特定事件繫結事件處理函式。
語法：jquery物件.bind("事件名1 事件名2"，function());
eg：$("h1").bind("click",function());
10.2:bind()的反向操作，從每乙個匹配的元素中刪除繫結的事件。
語法：jquery物件.unbind("事件名");//解綁指定的事件
jquery物件.unbind();//解綁當前jquery物件的所有事件
eg:$("h1").unbind();
10.2：乙個模仿懸停事件（滑鼠移動到乙個物件上面及移出這個物件）的方法。這是乙個自定 義的方法，它為頻繁使用的任務提供了一種「保持在其中」的狀態。
語法：jquery物件.hover(
function(),
function()
);eg:$("h1").hover(
function());
},function());});
10.3：用於繫結兩個或多個事件處理器函式，以響應被選元素的輪流的 click 事件。
語法：jquery物件.toggle(function(){},function(){},function(){}...);
eg:$("img").toggle(
function(),
function(),
function(),
function()
);
jQuery 基礎DOM和CSS操作
一 設定元素及內容 html 獲取元素中的html內容 html value 設定元素中的html內容 text 獲取元素中的文字內容 text value 設定元素中的文字內容 val 獲取表單中的文字內容 val value 設定表單中的文字內容 注意 當使用html 和text 設定元素的內容...
原生js和Jquery操作DOM
dom元素節點 1 文件節點 2 元素節點 3 屬性節點 4 文字節點 5 注釋節點 1 建立節點 2 選擇 訪問 節點 3 操作 1 節點操作 1 新增節點 2 刪除節點 3 替換節點 4 修改內容 1 文字 text 2 html 3 表單val 4 改變事件 2 css操作 3 動畫 下文 一...
JQuery （簡化dom操作）
jquery本質是乙個js檔案，裡面是js常用功能的封裝。比如繫結事件，修改內容，修改樣式等。是乙個函式，是jquery 的簡寫，它的一些過載函式見下。elements 將乙個或多個dom物件 原生js獲取到的dom物件 轉化為jquery物件。id1 html 返回id為id1的jquery物件，...