网页特效1一初识jQuery

最新推荐文章于 2023-04-16 17:08:12 发布

三宝之莘莘学子

最新推荐文章于 2023-04-16 17:08:12 发布

阅读量111

点赞数

分类专栏： Java软件工程师

本文链接：https://blog.csdn.net/weixin_42259575/article/details/95923091

版权

Java软件工程师专栏收录该内容

11 篇文章 0 订阅

订阅专栏

jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装。
优点：
》语法简单，减少了代码量
》不存在浏览器兼容问题

JavaScript的两个弊端：
》复杂的文档对象模型
》不一致的浏览器实现

流行的JavaScript库：
jQuery
Bootstrap
Zepto
Ext
YUI

jQuery的用途：
》访问和操作DOM元素（可以方便的获取和修改页面中的指定元素）
》控制页面样式（换肤功能）
》对页面事件的处理（使页面的表现层与功能开发分离）
》方便地使用jQuery插件（完善页面的功能和效果）
》与Ajax技术的完美结合

jQuery的优势：
》轻量级
》强大的选择器
》出色的DOM封装
》可靠的事件处理机制
》出色的浏览器兼容性
》隐式迭代
》丰富的插件支持

http://jquery.com

示例：
html代码：
<body>
<script src="../jquey/jquery-3.3.1.js" type="text/javascript"></script>
<script src="../js/demo4.js" type="text/javascript"></script>
</body>

js代码：
//$(document).ready()方法是jquery中的页面载入事件的方法，相当于JavaScript中的onload()方法
$(document).ready(
function(){
alert("jquery测试！");
}
);
可以简写为：
$(function () {
alert("jquery测试！简写");
});

注意：在同一个页面使用多个库文件，会引起变量冲突。
》使用jQuery.noConflict()方法解决对变量$的jQuery的控制权。
》仅使用jQuery一个库文件，则不需要noConflict()方法

jQuery语法结构：
》工厂函数 ---->$()
》选择器 ------>document
》方法 ------>ready()

语法：
$(selector).action();

示例：
$(document).ready(
function(){
alert("jquery测试！");
}
);

》工厂函数 ---->$()
》选择器
支持CSS1~CSS3规则中几乎所有的选择器，如标签选择器、类选择器、ID选择器

语法：
$(selector)

示例：
$("#userName");//获取DOM中id为userName的元素
$("div");//获取DOM中所有div元素
$(".content");//获取DOM中class为content的元素

》方法 ------>ready()

三宝之莘莘学子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页特效1一初识jQuery

jQuery是JavaScript的程序库之一，它是JavaScript对象和实用函数的封装。优点：》语法简单，减少了代码量》不存在浏览器兼容问题JavaScript的两个弊端：》复杂的文档对象模型》不一致的浏览器实现流行的JavaScript库：jQueryBootstrapZeptoExtYUIjQuery的用途：》访问和操作DOM元素（可以方便的获取和修改页...
复制链接

扫一扫

专栏目录