jQuery用法和bootstrap框架
2021-02-09 17:19
标签:开发 bsp red 开发项目 title 应该 dcl 事件 监控 username:
password:
https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html jQuery用法和bootstrap框架 标签:开发 bsp red 开发项目 title 应该 dcl 事件 监控 原文地址:https://www.cnblogs.com/haoduoyu0512/p/13057810.htmlbootstrap的js代码是依赖于jQuery的,也就意味着你在开发项目时,使用Bootstrap动态效果的时候,一定要导入jQuery
jQuery绑定事件 以及 事件应用举例
绑定事件的两种方法
// 第一种
$(‘#d1‘).click(function () {
alert(‘你好呀‘)
});
// 第二种(功能更加强大 还支持事件委托)
$(‘#d2‘).on(‘click‘,function () {
alert(‘好嗨哟‘)
})
左侧菜单(有显隐效果)
返回顶部
自定义登录校验
# 在获取用户的用户名和密码的时候 用户如果没有填写 应该给用户展示提示信息
input实时监控
hover事件
页面加载(等待页面加载完毕再执行代码)
# js 等待页面加载完毕再执行代码
window.onload = function(){
// js代码
}
"""jQuery中等待页面加载完毕"""
# 第一种
$(document).ready(function(){
// js代码
})
# 第二种
$(function(){
// js代码
})
# 第三种
"""直接写在body内部最下方"""
动画效果
【 浏览器console 里的操作】
$(‘#d1‘).hide(5000)
w.fn.init [div#d1]
$(‘#d1‘).show(5000)
w.fn.init [div#d1]
$(‘#d1‘).slideUp(5000)
w.fn.init [div#d1]
$(‘#d1‘).slideDown(5000)
w.fn.init [div#d1]
$(‘#d1‘).fadeOut(5000)
w.fn.init [div#d1]
$(‘#d1‘).fadeIn(5000)
w.fn.init [div#d1]
$(‘#d1‘).fadeTo(5000,0.4)
w.fn.init [div#d1]
Bootstrap框架查看菜鸟教程