jquery
关注
分享
扫一扫
星屿H
这个作者很懒，什么都没留下…
展开
-
jquery实现添加删除表格
css: <style> div { width: 500px; line-height: 30px; font-size: 18px; margin: 20px auto; border: 1px solid #000; padding: 20px; box-sizing: border-box;原创 2021-10-04 17:35:25 · 1960 阅读 · 0 评论 -
jquery实现操作样式实例
css:<style> * { margin: 0; padding: 0; list-style: none; box-sizing: border-box; } .wrap { width: 700px; height: 400px; border: 1px solid原创 2021-10-02 16:49:14 · 103 阅读 · 0 评论 -
jquery实现QQ列表功能
css: <style> * { margin: 0; padding: 0; list-style: none; } div { width: 200px; margin: 20px auto; } h3 { background: pink;原创 2021-10-02 16:45:45 · 270 阅读 · 0 评论 -
jquery实现购物车功能
css:<style> button{ margin: 0 5px; } </style>html: <button>全选</button> <button>反选</button> <ul> <li> <input type="checkbox"> iphone12p原创 2021-10-02 16:42:28 · 112 阅读 · 0 评论 -
jquery实现滚动监听实例
css: <style> * { list-style: none; } div { width: 100%; height: 1000px; background: skyblue; } div:nth-child(2) { background: lightpink;原创 2021-10-02 16:39:39 · 582 阅读 · 0 评论 -
jquery实现回到顶部效果
css:<style> div { width: 100%; height: 500px; margin: 10px; } button { width: 100px; height: 100px; background: rgba(0, 0, 0, 0.3); positi原创 2021-10-02 16:36:09 · 215 阅读 · 0 评论 -
jquery实现手风琴效果
css: <style> * { padding: 0; margin: 0; list-style: none; } .cont { width: 375px; height: 165px; margin: 50px auto; /* overflow: hidden; *原创 2021-10-02 16:32:50 · 194 阅读 · 0 评论 -
jquery实现五星好评
css: <style> ul > li > i.iconfont{ font-size: 20px; color: #ccc; } ul > li > i.active{ color: gold; } </style> <link rel="stylesheet" href="https://a原创 2021-10-02 16:28:07 · 405 阅读 · 0 评论 -
原生ajax封装
<button>点击获取数据</button>原创 2021-09-30 15:43:45 · 74 阅读 · 0 评论 -
jq-ajax封装
引入线上jquery:<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>html:<button>点击获取数据</button>script: // jq-ajax封装 function Http1({ url, method = 'get', data = {}原创 2021-09-30 15:46:56 · 177 阅读 · 0 评论 -
jQuery实现选项卡嵌套
描述： 1.划上底部a的每一个菜单让顶部的标签span的内容变成对应的a的内容 2.划上左边的li切换到右侧对应的div<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n...原创 2021-09-07 15:42:20 · 477 阅读 · 0 评论