• 技术文章 >web前端 >前端问答

    jquery是js函数库吗

    长期闲置长期闲置2022-07-26 17:27:59原创162

    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视频教程

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:html5中废除的标签有哪些 下一篇:表格的CSS样式有哪些
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery中dom是什么意思• jquery中map返回的是对象还是什么• jquery不支持eq方法吗• jquery中怎么使用ajax请求• python和jquery是什么意思
    1/1

    PHP中文网