IT技术之家

首页 > 前端

前端

jQuery基础知识_柒染?

发布时间:2023-11-28 20:36:34 前端 32次 标签:jquery
jQuery介绍:jQuery是一个快速、简洁的JavaScript库,其设计宗旨是“write less,do more”,倡导用更少的代码,做更多的事情目前有大量开源的js框架, 但是我们为什么还是选择jQuery呢?一方面是jquery非常的流行且好用,另外jquery提供了大量的扩展二、特点1.jQuery是一个轻量级的脚本,其代码非常小巧2.语法简洁易懂,学习速度快,文档丰富3.支持CSS1~CSS3定义的属性和选择器4.跨浏览器,支持的浏览器包括IE6~IE11和FireF...

  • jQuery介绍:

    jQuery是一个快速、简洁的JavaScript库,其设计宗旨是“write less,do more”,倡导用更少的代码,做更多的事情目前有大量开源的js框架, 但是我们为什么还是选择jQuery呢?一方面是jquery非常的流行且好用,另外jquery提供了大量的扩展

    二、特点

    1.jQuery是一个轻量级的脚本,其代码非常小巧

    2.语法简洁易懂,学习速度快,文档丰富

    3.支持CSS1~CSS3定义的属性和选择器

    4.跨浏览器,支持的浏览器包括IE6~IE11和FireFox、Chrome等

    5.实现了JavaScript脚本和HTML代码的分离,便于后期编辑和维护

    6.插件丰富,可以通过插件扩展更多功能

    三、使用方法

    1.下载jquery的库文件。下载地址:https://jquery.com/(jquery官网)

    2.在项目中通过script标签引入,如图所示

  • 基本使用

    ??1.获取元素方法

    五、CSS方法

    1.CSS() 方法返回或设置匹配的元素的一个或多个样式属性。

    ?

    ?

    1. css()方法可以获取元素的指定样式如图所示;css方法获取的是元素的显示的样式(不一定是行内样式)

  • 属性

    1.addClass:为每个匹配的元素添加指定的类名

    ?

    2.removeClass:从所有匹配的元素中删除全部或者指定的类。

    ?

    3.toggleClass:如果存在就删除如果不存在就添加一个类。

    ?

    4.height()可以获取元素的高度(内容部分的高度)

    5.width()可以获取元素的宽度(内容部分的宽度)

    ?