講解jquery基礎知識「jquery如何使用類選擇器」

jQuery的引入方法有兩種：

1. 內部引用：<script src=”../static/js/jquery-3.6.0.js”></script>
2. 外部引用：<script src=’https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js’></script>

jQuery入口函數的寫法

jQuery入口函數的寫法

$(document).ready(function(){

alert(“jQurey被調用2”)

})；

可以簡寫：

$((function(){alert(“jQurey被調用”)});

$ 符號就代表着jQuery， 當和別的函數發生衝突時，也就是也使用了$符號時jQuery可以釋放$符號， 操作語句是：

jQuery.noConflict();

執行語句後所有的$ 符號就要用jQuery來代替，如果閑寫着麻煩，也可以用其他的符號來代替， 操作語句是：

var nj = jQuery.noConflict()；

執行語句後所有的$ 符號就要用nj 來代替。

定義一個類，各類添加一個靜態方法的語句：

定義類，添加調用方法

<script>

// 1.定義一個類

function AClass(){

};

// 2.給這個類添加一個靜態方法

// 直接添加給類的就是靜態方法

AClass.staticMethod = function(){

alert(“staticMethod”)

}

// 靜態方法通過類名調用

AClass.staticMethod()

// 3 .給這個類添加一個實例方法

AClass.prototype.instanceMethod = function(){

alert(“3 .給這個類添加一個實例方法”)

}

// 實例方法通過類的實例調用

// 創建一個實例（創建一個對象）

var a = new AClass;

// 通過實例調用實例方法

a.instanceMethod()

</script>

jQuery的核心函數就是入口函數

下面代碼的截圖

<script >

// $();這就代表着調用了jQuery的核心函數

// 1.接收一個函數，就是入口函數

$(function(){

alert(“1.接收一個函數，就是入口函數”)

// 2.接收一個字符串（分為兩種）

// 2.1 接收一個字符串選擇器

var app1 = $(“#app1”)

var app2 = $(“.app2”)

console.log(app1)

console.log(app2)

// 2.2 接收一個代碼片段

$p = $(‘<p>我是p標籤</p>’)

console.log($p)

app1.append($p) // 把p標籤放到app1裡面去

// 3. 接收一個dom元素

// var span =
document.getElementsByTagName(“span”)[0]; // 拿到頁面上的span元素

// console.log(span)

var $span = $(“span”)[0];

console.log($span)

})

</script>

增加dom元素