js结课
关注
分享
扫一扫
社会人王某
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
1.jquery实现点击table中复选框来改变tr颜色
首先设置css样式：纯菜鸟代码：先上图吧：点击复选框来改变tr背景颜色效果图：代码是有bug的 对选择器的使用不明白，无法取消点击复选框时还原当初颜色，但是这个效果可以分别给4个复选框设置点击事件来实现，我就不写了太麻烦。部分代码：<!DOCTYPE html><html lang="en"><head> <meta cha...原创 2019-10-26 15:53:51 · 493 阅读 · 0 评论 -
2.jQuery点击修改div背景色
老规矩上图：实现这个效果很简单 先设置div的样式 给div添加点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/h1.js">&l...原创 2019-10-26 16:04:55 · 296 阅读 · 0 评论 -
3.使用jQuery元素选择器修改div内容
元素选择器修改div内容：太简单了 我服了 我居然刚看懂事实证明上课不能打盹~~首先呢添加id 或者class 用元素选择器设置按钮 来看效果：大家要多去看api手册啊代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...原创 2019-10-26 16:16:55 · 969 阅读 · 0 评论 -
4.jQuery修改元素的背景色
这个和第一个点击复选框修改颜色 差不太多一个点击复选框 一个点击整个div就可以改变上图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js...原创 2019-10-26 16:26:46 · 543 阅读 · 0 评论 -
5.使用jquery克隆并且修改"克隆的p元素
其实很简单首先建一个str 未定义的值再克隆 赋值给str最后更改str元素 并appendTo再后边上图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sc...原创 2019-10-26 20:25:06 · 204 阅读 · 0 评论 -
6.页面载入时使用jquery来自动选中页面中的多选框
网上盗用的方法 感觉还不错 就是有点看不懂我先上效果图：代码：<script> $(function () { $("#all").on("click",function () { $("input[name='ke']").prop("checked", this.checked); }); })</scr...原创 2019-10-26 20:49:19 · 205 阅读 · 0 评论 -
7，删除列表元素中最后一个li元素
一行代码解决先用选择器找到最后一个li然后.remove ok效果图：代码：<script> $(function () { $(":input").on("click",function () { $('li:last').remove(); }) })具体代码 ：❥(^_-)...原创 2019-10-26 21:06:35 · 285 阅读 · 0 评论 -
8.点击当前的p标签,弹出相对应的元素下标
index方法解决上效果图：代码： $(document).ready(function(){ $("p").click(function(){ alert($(this).index()); }); });❥(^_-)嗯哼原创 2019-10-26 21:14:43 · 201 阅读 · 0 评论 -
9.jquery简单登录判断
if判断解决1.判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空.2.判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位我们上效果图：部分代码：$("#username").val().length==0||$("#password").val().length<6)一行ok源码发送爱的信号即可解锁...原创 2019-10-27 16:05:23 · 399 阅读 · 0 评论 -
10.jquery选择器三种方法让p元素字体变颜色
选择器的运用与操作三种方法 很简单1.(‘p’)2.(‘p:first’)3.(‘p:last’)三种选择器的使用方法不唯一~~用三个按钮来调用不同的函数效果图：逻辑代码：$("p").css("color","red");$("p:first").css("color","red");$("p:last").css("color","red");用按钮来调用不同函...原创 2019-10-27 16:22:19 · 573 阅读 · 0 评论 -
11.时钟 没带样式 系统时间
直接调用系统时间 显示在页面上代码：<script type="text/javascript"> function current(){ var d=new Date(),str=''; str +=d.getHours()+':'; str +=d.getMinutes...原创 2019-10-27 16:43:45 · 167 阅读 · 0 评论