>首页> IT >

每日速递:jquery是js函数库吗

时间:2022-07-26 17:57:09       来源:PHP中文网

本文操作环境:windows10系统、jquery3.6.0版、Dell G3电脑。


(资料图)

jquery是js函数库

jQuery是一个快速、简洁的JavaScript库,极大地简化了 JavaScript 编程。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

语法和选择器

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

基础语法: $(selector).action()

美元符号定义 jQuery

选择符(selector)“查询"和"查找” HTML 元素

jQuery 的 action() 执行对元素的操作

jquery入口函数:

$(document).ready(function(){     // 执行代码});

或者

$(function(){    // 执行代码});

选择器

#id 选择器

点击按钮对id为test的选择器进行隐藏

$(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); });

.class 选择器

点击按钮对class为test的选择器进行隐藏

$(document).ready(function(){ $("button").click(function(){ $(".test").hide(); }); });

事件

$().click(function(){….})

其他事件可参考文末API

获取并设置css类

addClass() - 向被选元素添加一个或多个类

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对被选元素进行添加/删除类的切换操作

css() - 设置或返回样式属性

例子:

$(document).ready(function(){$("button").click(function(){$("body div:first").addClass("important blue");});});.important {font-weight:bold;font-size:xx-large;}.blue {color:blue;}

相关教程推荐:jQuery视频教程

以上就是jquery是js函数库吗的详细内容,更多请关注php中文网其它相关文章!

关键词: 动画设计 事件处理 设计模式