![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
小青衣呀
这个作者很懒,什么都没留下…
展开
-
案例:ToDoList数据储存 添加和删除
$(function() { // alert(11); // 1. 按下回车 把完整数据 存储到本地存储里面 // 存储的数据格式 var todolist = [{title: "xxx", done: false}] load(); $("#title").on("keydown", function(event) { if (event.keyCode === 13) { if ($(this).val() === .原创 2020-09-02 17:13:35 · 395 阅读 · 0 评论 -
案例:购物车 删除
$(function() { getSum(); function getSum() { var count = 0; var money = 0; $(".itxt").each(function(i, ele) { count += parseInt($(ele).val()); }); $(".amount-sum em").text(count); $(".p原创 2020-09-02 16:26:20 · 400 阅读 · 0 评论 -
案例:购物车商品小计加总件数/金额
$(function() { $(".increment").click(function() { var n = $(this).siblings(".itxt").val(); n++; $(this).siblings(".itxt").val(n); var p = $(this).parents(".p-num").siblings(".p-price").html();原创 2020-09-02 16:24:09 · 720 阅读 · 0 评论 -
案例:购物车 商品加减号
<div class="c-container"> <div class="w"> <div class="cart-warp"> <!-- 头部全选模块 --> <div class="cart-thead"> <div class="t-checkbox"> <input type=.原创 2020-09-02 16:19:21 · 563 阅读 · 0 评论 -
案例:购物车全选
<div class="c-container"> <div class="w"> <div class="cart-warp"> <!-- 头部全选模块 --> <div class="cart-thead"> <div class="t-checkbox"> <input type=.原创 2020-09-02 16:11:14 · 616 阅读 · 0 评论 -
案例:teb栏切换
<div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li> <li>商品评价(50000)</li> .原创 2020-09-02 15:32:37 · 495 阅读 · 0 评论 -
案例:微博下拉菜单
<ul class="nav"> <li> <a href="#">微博</a> <ul> <li> <a href="">私信</a> </li> <li> <a href="">评论</a&g.原创 2020-09-02 15:27:39 · 836 阅读 · 0 评论 -
案例:王者荣耀手风琴
<script src="js/jquery.min.js"></script> <script type="text/javascript"> $(function() { // 鼠标经过某个小li 有两步操作: $(".king li").mouseenter(function() { // 1.当前小li 宽度变为 224px, 同时里面的小图片淡出,大图...原创 2020-09-02 15:18:24 · 446 阅读 · 0 评论