jquery基础

最新推荐文章于 2024-11-08 16:09:18 发布

qq_31540403

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量75

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/qq_31540403/article/details/84810977

版权

本文介绍了使用jQuery实现页面加载后的功能执行与点击事件控制的方法。涵盖了如何在页面完全加载后执行特定函数、通过点击事件触发功能以及如何更新页面元素的内容。此外，还探讨了如何利用localStorage进行数据的存储与读取。

摘要由CSDN通过智能技术生成

js 中的一些功能是先加载页面后再执行的功能或者点击事件，所以在js里就要用到：

$(document).ready(function(){
    a();
}
function a(){
    ...//代码;
}

jq中通过点击事件来控制功能：

$(document).ready(function(){
    b();
}
function b(){
     $("button").click(function(){
         ....//代码。   
    })
}

将jq中在页面上显示：

 $("#number").text(count);//显示文本
 $("#number").val(count);//显示值
 $("#number").html(count);//显示整个html

往本地传入数据和取出数据：

localStorage.setItem("total",a);
var b=localStorage.getItem("total");

a是本地的键值，total是本地的key。从本地取出key后得到a值，在将a赋给b。

jq中的替代：

function r(local_items) {
        var shopping_string = $(".cart_item_template").html();
        var shopping_item =
            shopping_string.replace(/kind/,local_items.kinds)
                .replace(/name/,local_items.name)
                .replace(/price/,local_items.price)
                .replace(/unit/, local_items.unit)
                .replace(/delate/, local_items.ID)
}

首先将html中要替换的数据传入jq，然后将要被替换的写在//中间，要替换的写在逗号后面。用.replace(//, ).