$(function(){})相當於dom 的οnlοad=function(){}事件
一、選擇器總結:
選擇器css 模式
jquery 模式
描述元素名
div{}
$('div')
獲取所有div元素的 dom 物件
id#box {}
$('#box')
獲取乙個 id 為 box 元素的 dom 物件
類(class)
.box{}
$('.box')
獲取所有class為box的所有dom物件
選擇器css 模式
jquery 模式
描述群組選擇器
span,.con,.box{}
$('span,em,.box')
獲取多個選擇器的 dom 物件
後代選擇器
ul li a{}
$('ul li a')
獲取追溯到的多個 dom 物件
通配選擇器
*{}
$('*')
獲取所有元素標籤的 dom 物件
$('#box p, ul li *').css('color', 'red');//組合了多種選擇器
:first
$('li:first')
選取第乙個元素
單個:last
$('li:last')
選取最後乙個元素
單個:not(selector)
$('li:not(.red)')
選取class不是red的li元素
集合:even
$('li:even')
選擇索引(以下幾個都是從0開始)是偶數的所有元素
集合:odd
$('li:odd')
選擇索引是奇數的所有元素
集合
$("div:first").css("background-color",
"#ff0");
//val()是jquery用來獲取表單元素文字內容的乙個方法
$('input').val(); //元素名定位,預設獲取第乙個
$('input').eq(1).val(); //同上,獲取第二個
$('input[type=password]').val();//選擇type為password的字段
$('input[name=user]').val(); //選擇 name 為 user 的字段
二、屬性:
1、遍歷陣列
陣列.each(function(){});
$.each(遍歷陣列,function(){});
2、使用attr()設定或者取到元素的某個屬性。
$("#div1").attr("class","cls1");
$("#div1").attr();
console.log($(".p").attr("id"));
刪除元素屬性
$("#div1").removeattr("class");
給元素新增class屬性,與attr新增class的不同是,使用addclass新增的新類名,將會保留原來已有的class名。
$("p").addclass("selected1 selected2");
刪除掉元素指定的class
$("p").removeclass("selected1");
取到或設定元素裡面的html,相當於innerhtml
console.log($("#div1").html());
$("#div1").html("");
取到或設定元素裡面的文字內容,相當於innertext
console.log($("#div1").text());
$("#div1").text("");
獲取或設定 元素的value值
console.log($("input[type='text']").val());
$("input[type='text']").val("帥!");
給元素設定css樣式屬性 屬於style行級樣式表許可權
$("#div1").css();
3、文件操作:
內部插入
a.prepend(c):將c插入到a的內部的前面
prependto
外部插入
a.after(c):將c放到a的後面
a.before(c):將c放到a的前面
a.insertafter(c)
a.insertbefore(c)
刪除empty() 清空元素
remove() 刪除元素
演算法筆記學習筆記03
2.6 函式 問題 a 習題7 5 字串逆序存放 include includevoid change char a,char b b len 0 int main 問題 b 習題7 7 複製字串中的母音字母 include includevoid select char a,char b b j ...
AspectJ學習筆記 03
方面 方面的定義如下 access specification aspect extends class or aspect name implements inte ce list pointcut 關鍵字aspect申明了乙個方面。每乙個方面都有乙個名字,程式中其他部分可以使用該名字來訪問該方面...
JavaFX學習筆記(03)
現在我先來講一點知識吧 在scala裡,每乙個單例物件a都存在乙個單例型別a.type,這個型別只有兩個值 a和null。這個特性實際上是非常冷門的乙個特性,實際運用中也比較少見,不過在這裡,我大量的使用了單例型別,依靠不同的單例型別的不同方法簽名進行方法過載,產生不同的動作。這種依靠過載的設計模式...