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元素