jQuery
文章平均质量分 53
码上行
本人目前还是一名学生,所发表的都是一些上课内容和笔记。水平不足还请多多提点
展开
-
【无标题】网页换色
网页换色 网页换色:点击所选颜色切换对应颜色 也可以做成图片形式,点击切换图片 下面这个是点击切换对应颜色。 这个是主页面: 随机选择一个颜色,点击切换试一下效果 代码布局: Css代码: JS代码: ...原创 2022-03-28 20:04:49 · 594 阅读 · 0 评论 -
导入数据库
导入数据库 数据库表 打开SQL Server数据库 选择数据库单击右键新建一个数据库表 选择新建的表 点击文件>打开>文件 导入create_objects.sql文件,点击执行。应该就能看到“命令已成功完成。”的结果。 展开bk_stores表就可以看到导入的数据表 打开文件将load_data.sql数据加载到表中。 点击执行看到多个“1行受影响”,表示所有语句都已成功执行。 ...原创 2022-03-17 19:49:14 · 957 阅读 · 0 评论 -
漂浮的图片
漂浮的图片原创 2022-03-09 20:02:13 · 128 阅读 · 0 评论 -
jquery选择器
jquery选择器 jQuery选择器 在前面的章节中,我们展示了一些有关如何选取HTML元素的实例。 关键点是学习jQuery选择器是如何准确地选取您希望应用效果的元素。 jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。 选择器允许您对HTML元素组或单个元素进行操作。 在HTMLDOM术语中: 选择器允许您对DOM元素组或单个DOM节点进行操作。 jQuery选择器,故名思议就是使用jQuery方式来选择到某个内容来帮我们实现...原创 2021-08-08 10:14:38 · 153 阅读 · 0 评论 -
JSON对象
JSON对象 JSON简介 JSON:JavaScript对象表示法(JavaScript Object Notation) JSON是存储和交换文本信息的语法: 1.JSON是轻量级的文本数据交换格式 2.JSON独立于语言和平台 3.JSON具有自我描述性,更容易理解。 类似于xml,比XML更小、更快、更易解析 (XML:指可扩展标记语言。XML被设计用来传输和存储数据。) JSON语法 JSON语法是...原创 2021-06-08 11:21:37 · 174 阅读 · 1 评论 -
jQuery简介(十二)
jQuery简介(十二) jQuery中each方法的应用 each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。 jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,它的主要的原因的就是jQuery的实例是一个元素合集。 例如:找到所有的div,并且都设置样式,css它只是一个方法原创 2021-06-08 11:18:21 · 85 阅读 · 0 评论 -
jQuery简介(十一)
jQuery简介(十一) 自定义动画 有些复杂的动画是通过使用前面几个方法所不能实现的,这时后就需要使用animate()方法了。而且使用animate()方法也可以实现前面几个方法所能实现的效果,显而易见,animate()方法更加具有灵活了。 利用这个方法可以自己选择1.(properties)修改的属性,2.[duration]执行时间,3.[easing]执行函数,4.[complete]执行完成回调后执行的函数 .animate(properties,[duration],[easing]原创 2021-06-08 11:13:23 · 67 阅读 · 0 评论 -
jQuery简介(十)
jQuery简介(十) 谈入谈出效果 fadeIn()谈入 在页面隐藏时点击按钮显示效果 这是个单独隐藏效果的代码 谈入效果,内容显示,opacity是0到1。 实现原理 改变透明度实现谈入效果 fadeOut()谈出 谈出效果,内容显示,opacity是1到0。 在页面隐藏时点击按钮显示效果 这是个单独显示效果的代码 同样也是通过改变透明度实现效果,改变到0时设置display:none;实现谈出效果。 fadeToggle()方法 切换方法 ...原创 2021-05-29 08:18:06 · 88 阅读 · 0 评论 -
jQuery简介(九)
jQuery简介(九) 动态效果 接上jQuery简介(八)的代码 用toggle()方法实现动态效果 在toggle()执行过程中可以传入一个参数,如:slow慢慢的显示 normal正常地显示 fast快显示 Slow 代码方式 实现原理 改变宽,高和透明度的值实现动态效果 实现效果 实现过程中通过缩放实现动态效果。 除了几个关键词外还可以输入具体的时间完成效果 实现原理 改变宽,高和透明度的值实现动态效果 上卷下拉效果 sildeUp()方法上卷效果 ...原创 2021-05-29 08:11:57 · 64 阅读 · 0 评论 -
jQuery简介(八)
jQuery简介(八) 元素的隐藏和显示 show()元素的显示 hide()元素的隐藏 toggle()元素的切换 举个例子 页面上有一个宽高为200px的div盒子 我想点击按钮隐藏这个正方形 这是html代码 一个没有任何内容的div和一个button按钮 加上ID到后面绑定点击事件 这是css代码 设置宽,高的值和背景颜色 这是js代码 获取button按钮绑定点击事件,在点击事件里给div添加hide()方法,实现点击隐藏效果 hide() 方法元素隐藏 ...原创 2021-05-29 08:05:23 · 72 阅读 · 0 评论 -
jQuery简介(七)
jQuery简介(七) 下拉框事件 <select>下拉框 <option value="0">HTML</option> <option value="1">CSS</option> <option value="2">JQEURY</option> <option value="3">JAVASCRIPT</option&...原创 2021-05-17 09:22:26 · 80 阅读 · 1 评论 -
jQuery简介(六)
jQuery简介(六) empty()清空子节点remove()移出整个节点 举个例子: 一个<ul>标签里面有三个<li>标签 在是一个<ul>标签我想把标签中的子节点<li>标签全都清空 选择到ID加上empty就可以了。 移除前 移除后 鼠标事件 鼠标事件有很多,如:点击事件有:单击事件(click),双击事件(dblclick) 按下事件(mousedown),按下并弹起事件(mouseup) 鼠标移进入事...原创 2021-05-17 09:20:56 · 172 阅读 · 0 评论 -
jQuery简介(五)
jQuery简介(五) after()在每个匹配的元素之后插入内容 这是一个已经匹配的元素要在其之后插入新的内容 先写一个<div>标签 <div id="box"> 这是一个html元素中的div </div> 现在我想做的是使用after()方法在这个<div>标签后加入一个<p>标签 所以我想用一个<button>按钮点击添加 <button onclick="afterElement()">使用aft..原创 2021-05-16 19:17:36 · 72 阅读 · 0 评论 -
jQuery简介(四)
jQuery简介(四) 讲解DOM元素操作 在visualStudio2015中添加一个新的控制器,用控制器生成的方法进行操作,首先如果要使用到JQ方法的就先引入JQ插件。 创建节点 如何在<div id="box"> </div>中添加节点<p><a href="#">content</a></p> 先用JS方法 获取元素box,创建元素节点<p>,再向<p>添加<a>。 如果想改变原创 2021-05-09 20:36:33 · 58 阅读 · 0 评论 -
jQuery简介(三)
jQuery简介(三) 讲解attr() removeAttr() 设置元素的属性 用JS方法与JQ方法给一个只有ID的盒子添加类 在JS中添加或删除某个属性 例如删除box元素中的id或class属性 就是removeAttribute(移除属性) 代码 :box.removeAttribute("class");也可以移除ID。 JQ方法 在JQ中attract()已经是封装好的一个方法 例如在JQ中添加某个属性 $("#box").attr("index", "123...原创 2021-05-09 20:30:42 · 105 阅读 · 0 评论 -
jQuery简介(二)
jQuery简介(二) 简单讲解css() html() text() val()用法 CSS()方法讲解 首先在页面刷新时创建一个div盒子写上样式,然后在页面加载完成后,改变元素宽高 背景颜色 字体颜色 字体大小。 <divid="box">这是一个div元素</div> 样式css 先通过js的方式改变元素样式 再通过jQuery的方式改变样式 jQuery有两种方式获取页面加载,效果都一样。 jQuery方...原创 2021-05-09 20:22:16 · 68 阅读 · 0 评论 -
jQuery简介(菜鸟版)
jQuery简介(菜鸟版) 什么是jQuery jQuery是一个JavaScript函数库 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 例如获取同一个div元素js的代码量就比jQ的多 js的 jQ的 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HT...原创 2021-05-01 10:37:08 · 965 阅读 · 0 评论