jQuery
layroy
这个作者很懒,什么都没留下…
展开
-
利用jQuery实现用户登录框的拖拽功能
HTML<div class="box" id="box"> <div class="hd" id="drop">注册信息 (可以拖拽) <span id="box_close">[关闭]</span> </div> <div class="bd"></div></div>CSS样式<style> .login-header { wi.原创 2021-09-05 07:12:50 · 327 阅读 · 0 评论 -
jQuery实现简单购物车功能
<!DOCTYPE html><html> <head> <title>购物车</title> <meta charset="utf-8" /> <style type="text/css"> h1 { text-align:center; } table { margin:0 auto; width:6...原创 2021-09-01 08:26:20 · 2795 阅读 · 1 评论 -
jQuery的穿梭框运用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>穿梭框</title> <style> select{width:100px;height:150px} input[type=button]{width:50px} #opt{margin:90px 10px 0} .box{w.原创 2021-08-31 08:20:30 · 817 阅读 · 0 评论 -
jQuery表格的增删改查
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-08-30 07:44:58 · 565 阅读 · 0 评论 -
jQuery追加元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-08-29 07:29:07 · 548 阅读 · 0 评论 -
jQuery过滤选择器+全选反选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-08-28 08:19:56 · 178 阅读 · 0 评论 -
jQuery单选、全选
$(":checkbox[name='roy']" 指的是读取所有名字为roy的checkbox多选框.attr("checked",true) 获取到的元素标签添加一个名字为checked的属性,值为true,就是选中的意思;.attr("标签属性名","属性值")<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &l..原创 2021-08-27 07:56:29 · 377 阅读 · 0 评论 -
jQuery表格的隔行变色
:even偶数行样式 :odd 奇数行样式:contains('包含')<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-3.6.0.js"></script> </head> <body> <ta...原创 2021-08-26 08:34:56 · 329 阅读 · 0 评论 -
jQuery笔记
1. jQuery是一个轻量级的js库,不是框架2. jQuery实质上就是一个js文件,使用时需要引入HTML文档,先引入后使用<head><script src=”jquery文件的路径”></script><script>js代码</script></head>3. jQuery选择器:① 通过标签名获取元素: $(”标签名”)②通过类名获取元素: $(”.类名”)③通过id名获取元...原创 2021-08-25 08:18:11 · 336 阅读 · 0 评论 -
jQuery实现2048小游戏
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>网页版2048游戏</title> <style> /* 游戏棋盘格 */ body{font-family:Arial;text-align:center;} .game{margin:0 auto;/*margin-top:40px;*/.原创 2021-09-02 08:04:08 · 319 阅读 · 0 评论