前端
关注
分享
扫一扫
时间不会赖着不走
这个作者很懒，什么都没留下…
展开
-
jQuery中的prop方法添加，更换图片
写代码时想更换这个div中的图片查找以前的发现jQuery中的prop方法可以实现 <dt id="dt"> <img alt="" class="big_img" id="big_img" src="http://www.jinmalvyou.com/Public/uploads/goods_img/img_size4/201703/m49788843d72171643297ccc033d9288ee.jpg"> </dt>具体如原创 2021-01-26 17:45:10 · 453 阅读 · 0 评论 -
＜a href=“javascript:void(0)“＞
今天发现这个很有趣href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。也叫作死链接a href="javascript：void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接<a href="#" onclick="javascript:return false;">点击后会回到网面顶部所以调用脚本的时候最原创 2021-01-26 14:28:56 · 424 阅读 · 0 评论 -
html拼接路径字符串
字符串的拼接 var fristPage = '<li onclick="load('+cid+',1,\''+rname+'\')"><a href="javascript:void(0)">首页</a></li>';οnclick="load(’+cid+’,1,’’+rname+’’)"这里拼接注意注意：是整形就加 单引号加加号在中间输入想要的‘+这里拼接想要的+’如果是字符串类型‘’+这里输入+’’...原创 2021-01-26 14:17:30 · 1341 阅读 · 0 评论 -
Jackson对象 ObjectMapper实现序列化数据为json
JSON数据和Java对象的相互转换要用到JSON解析器jacksonJSON解析器-------jackson是springmvc框架内置的解析器Java对象转换JSON使用步骤：1. 导入jackson的相关jar包创建Jackson核心对象 ObjectMapper调用ObjectMapper的相关方法进行转换1. 转换方法：1 .writeValue(参数1，obj): 参数1：原创 2021-01-17 21:36:44 · 976 阅读 · 0 评论 -
jquery文档就绪事件简单写法
$(document).ready(function(){ // 开始写 jQuery 代码... });这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数，操作可能失败。简洁写法（与以上写法效果相同）:$(function(){ // 开始写 jQuery 代码... });...原创 2021-01-19 22:46:48 · 413 阅读 · 0 评论 -
JQury实现ajax异步请求
第一种 $.ajax()举例如下ajax.html代码如下：一定要记得提前在html文件中引用jquery，应该在web工程中运行，要记得启动tomcat。实现点击按钮，异步实现获得 弹出ajaxServlet的内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>原创 2021-01-17 18:00:41 · 166 阅读 · 0 评论 -
HTML中路径问题
/ 代表根目录，慎用…/ 代表上一级目录…/…/ 代表上两级目录/… 代表下级目录/…/… 代表下两级目录原创 2021-01-17 17:35:55 · 155 阅读 · 0 评论 -
jQuery实现抽奖案例
需求：点击开始按钮，在小镜框中图片开始随机切换，点击停止按钮后，图片停止切换，并且在大镜框中显示出来重要是图片显示出来,使用的prop()方法里面的src属性，因为是固有属性其他逻辑比较简单$("#img2ID").prop(“src”,imgs[i]);<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jquery案例之抽奖</title>原创 2021-01-16 23:34:18 · 1085 阅读 · 0 评论 -
jQuery实现广告显示和隐藏
需求：当页面加载完，3秒后。自动显示广告广告显示5秒后，自动消失。主要是这个时间差思路太赞了<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>广告的自动显示与隐藏</title> <style> #content{width:100%;height:500px;background:#999} &原创 2021-01-16 22:32:59 · 325 阅读 · 0 评论 -
jQuery实现下拉列表选择条目左右选择功能
重要的是判断是否选中if($("#leftName option:selected"))这行代码卡住了，这是过滤选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script> <style>原创 2021-01-16 21:55:02 · 591 阅读 · 0 评论 -
JQuery小案例----实现qq表情选择
jQuery中两个方法clone()和append()clone方法是复制该对象this就是该照片，所以追加this即可<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>QQ表情选择</title> <script src="../../js/jquery-3.3.1.min.js"></script>原创 2021-01-16 21:29:28 · 514 阅读 · 0 评论 -
JQuery中attr和prop区别
如果操作的是元素的固有属性，则建议使用prop，l例如复选框的checked属性如果操作的是元素自定义的属性，则建议使用attr原创 2021-01-16 17:56:36 · 181 阅读 · 0 评论 -
JQury中全选全不选
1.因为全选按钮已经绑定了点击事件，所以直接写成一个方法，2. //因为checked选中是固有属性所以用的是prop()方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script> <scr原创 2021-01-16 17:48:02 · 108 阅读 · 0 评论 -
JQuery快速入门
jquery介绍jquery框架就是封装了一些js的文件即js的一些方法，html只需要引用jquery文件，使用方法时改成$符号来引用就可以用了JQuery 基础：概念： 一个JavaScript框架。简化JS开发* jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用原创 2021-01-16 16:48:46 · 126 阅读 · 0 评论 -
解决css中子元素靠边对齐问题
.songList_one{ margin-left: 20rpx; height: 110rpx; border-bottom: 1rpx solid #e2e2e3; }.songList_one{ margin-left: 20rpx; height: 110rpx; border-bottom: 1rpx solid #e2e2e3; display: flex; /*水平分布在两边*/ justify-content: space-between;}原创 2021-01-08 18:01:06 · 650 阅读 · 0 评论 -
xml基本组成+约束+解析
今日内容1. XML 1. 概念 2. 语法 3. 解析XML：1. 概念：Extensible Markup Language 可扩展标记语言 * 可扩展：标签都是自定义的。 <user> <student> * 功能 * 存储数据 1. 配置文件 2. 在网络中传输 * xml与html的区别 1. xml标签都是自定义的，h...原创 2019-09-09 16:31:39 · 272 阅读 · 0 评论 -
Bootstrap复习
Bootstrap采用响应式布局同一套页面可以兼容不同分辨率的设备。实现：依赖于栅格系统：将一行平均分成12个格子，可以指定元素占几个格子步骤：定义容器。相当于之前的table、容器分类：container：两边留白container-fluid：每一种设备都是100%宽度定义行。相当于之前的tr 样式：row定义元素。指定该元素在不同的设备上，所占的格子数目。样式：col-设备代号-格子数目设备代号：xs：超小屏幕 手机 (<768px)：col-原创 2021-01-03 11:32:23 · 160 阅读 · 0 评论 -
Bootstrap的两种引入方式，本地方式和CDN方式
Bootstrap-----------前端开发框架会用就可以1，外部引用‘即CDN引用，CDN是内容服务器，，每次引用需要访问cdn.bootstrap.com一遍。所以需要响应时间。如果网络速度快当然，不需要本地化，否则还是本地化资源文件，不必去忍受每一次响应很长时间。加下面代码的头文件部分代码就可以了<!DOCTYPE html> <html lang="zh-CN"> <head> <title>Bootstrap 实例</ti原创 2021-01-03 11:05:18 · 37436 阅读 · 0 评论 -
js总结
JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)ECMASCRIPT基本对象：Function：函数(方法)对象. Array:数组对象. BooleanDate：日期对象Math：数学对象. NumberStringRegExp：正则表达式对象GlobalBOM:概念：Browser Object Model 浏览器对象模型将浏览器的各个组成部分封装成对象。组成：Window：窗口对象Navi原创 2021-01-02 16:57:33 · 93 阅读 · 0 评论 -
js实现倒计时跳转页面
步骤1显示页面效果，2倒计时读秒效果实现 2.1定义一个方法，获取span标签，修改span标签体内容，时间---------； 2.2定义一个定时器，一秒执行一次该方法3在方法中判断如果时间<0，则跳转页面。**<!DOCTYPE html><html lang="en"><head> <meta原创 2021-01-02 15:28:57 · 4649 阅读 · 0 评论 -
js实现轮播图
轮播图的实现主要是BOM中window窗口对象里面的与定时器有关的方式setTimeout() 在指定的毫秒数后调用函数或计算表达式。* 参数：1. js代码或者方法对象2. 毫秒值* 返回值：唯一标识，用于取消定时器clearTimeout() 取消由 setTimeout() 方法设置的 timeout。setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。clearInterval() 取消由 setInterval() 设置的 timeout。步骤0.准备原创 2021-01-02 14:40:43 · 274 阅读 · 0 评论 -
js------小案例 电灯开关
实现点击事件，来点击图片来实现图片的切换，模拟电灯的开关两张图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head原创 2020-12-31 11:03:40 · 175 阅读 · 0 评论 -
JS小案例----------99乘法表
注意在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)* switch(变量):case 值:* 在JS中,switch语句可以接受任意的原始数据类型js一个小案例----------99乘法表 乘法表 //css 总结：这个是就是js与css的...原创 2019-08-30 20:58:44 · 268 阅读 · 0 评论 -
HTML的复习
结构 html 样式 css 行为 js <img` src="1.jpg" alt="图片"> src 图片资源路径 可以是本地资源或者是网络资源alt 预提示文本alt作用是当图片资源不存在是，起提示作用。超链接<a href="https://www.baidu.com" target="_self">百度一下</a> target 新窗口打开的方式 _blank 以新窗口打开原创 2020-12-30 10:02:48 · 131 阅读 · 0 评论 -
css选择器+属性+盒子模型
基础选择器1. id选择器：选择具体的id属性值的元素.建议在一个html页面中id值唯一语法：#id属性值{}2. 元素选择器：选择具有相同标签名称的元素语法： 标签名称{}注意：id选择器优先级高于元素选择器3. 类选择器：选择具有相同的class属性值的元素。语法：.class属性值{}注意：优先级： id选择器>>>类选择器选择器>>>>高于元素选择器扩展选择器：1. 选择所有元素：* 语法： {}2. 并集选择器：选择器1,选原创 2020-12-29 18:18:01 · 124 阅读 · 0 评论 -
表单的get和post区别
表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL * method:指定提交方式 * 分类：一共7种，2种比较常用 * get： 1. 请求参数会在地址栏中显示。会封装到请求行中(原创 2020-12-29 17:15:33 · 192 阅读 · 2 评论