登录|注册|帮助中心|联系我们

导航
首页 综合百科 生活常识 数码科技 明星名人 传统文化 互联网 健康 影视 美食 教育 旅游 汽车 职场 时尚 运动 游戏 家电 地理 房产 金融 节日 服饰 乐器 歌曲 动物 植物
当前位置:首页 > 综合百科

jquery如何使用类选择器(讲解jquery基础知识)

发布时间:2023年1月1日责任编辑:江小明标签:如何

jQuery的引入方法有两种:

    ?内部引用:<script src=https://www.haocat.cn/aimg/bk45/f4d79ioi3e39scvll5qxbipzz5dwfg7u3nez095b-0.webp ?外部引用:<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元素

其它知识推荐

溜溜百科知识网——分享日常生活学习工作各类知识。 垃圾信息处理邮箱 tousu589@163.com
icp备案号 闽ICP备14012035号-2 互联网安全管理备案 不良信息举报平台 Copyright 2023 www.6za.net All Rights Reserved