jQuery<5.3>

* 移除事件: 使用unbind()方法

参数

含义

描述

[type]

事件类型

主要包括:blur、focus、click、mouseout等基础事件,此外,还可以是自定义事件

[fn]

处理函数

用来绑定的处理函数


* 鼠标光标悬停事件
hover()方法相当于mouseover与mouseout事件的组合

* 鼠标连续click事件 (toggle()方法用于模拟鼠标连续click事件)

* jQuery动画效果
jQuery 提供了很多动画效果,如:
控制元素显示与隐藏
控制元素淡入淡出
改变元素高度

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用 Bootstrap 5.3 版本搭建一个基本的响应式导航栏的步骤: 1. 在 HTML head 标签中引入 Bootstrap 5.3 的 CSS 文件和 jQuery: ```html <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" integrity="sha384-8hOQpIY4Z1lq1W9uY1UFm5uLWxDjXUv5hFJLl0QbCnYXoV4p6lVhAgg1Ow5FV4c+" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> ``` 2. 在 HTML body 标签中添加一个 nav 元素,并在其中添加一个 Bootstrap 的导航栏组件: ```html <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#">Logo</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> </ul> </div> </div> </nav> ``` 3. 在导航栏中添加一个下拉菜单: ```html <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown link </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> </ul> ``` 4. 在 HTML body 标签底部引入 Bootstrap 5.3 的 JavaScript 文件: ```html <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js" integrity="sha384-21T8Z7NnK3H5Q3O5Qa0JXZBZ8GvWbpfTt3zfJcU2xJy3x8XqW0e9LmLJjZC2JmGQ" crossorigin="anonymous"></script> ``` 通过以上步骤,你就可以搭建一个基本的响应式导航栏了。请注意,你需要在一个支持 Bootstrap 5.3 的网页中测试以上代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值