03jq學習筆記

2021-08-10 07:44:40 字數 2465 閱讀 1440

$(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。這個特性實際上是非常冷門的乙個特性,實際運用中也比較少見,不過在這裡,我大量的使用了單例型別,依靠不同的單例型別的不同方法簽名進行方法過載,產生不同的動作。這種依靠過載的設計模式...