jquery是不是一个JavaScript函数库?
jquery是一个JavaScript函数库;jquery是一个轻量级的、快速、简洁的JavaScript库,jquery极大地简化了JavaScript编程,封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
本文操作环境: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是不是一个JavaScript函数库?”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注网络,小编每天都会为大家更新不同的知识。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jquery是不是一个JavaScript函数库?
本文地址: https://pptw.com/jishu/653901.html