jquery自定义封装函数

情谜⅔

已于 2023-05-30 15:19:20 修改

阅读量406

点赞数

文章标签： jquery

于 2023-05-29 10:58:32 首次发布

本文链接：https://blog.csdn.net/qq_39923762/article/details/130923992

版权

该文章展示了如何使用jQuery封装两种函数，一种是局部封装的$.fn.browserParams，另一种是全局封装的$.extend浏览器Params方法，用于从URL中解析查询参数并返回一个对象。这两种方法在点击事件中被调用，用于获取和处理页面URL中的参数。

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

$("#btn").on("click", function (event) {

//console.log($(this).browserParams())

console.log($.browserParams())

})

//局部封装：

//调用方式：$(this).browserParams()

$.fn.browserParams = function () {
   var urlObj = window.location.href.split("?")
   if (urlObj.length > 1) {
      var data = {}
      urlObj[1].split("&").forEach((element) => {
        let result = element.split("=")
        data[result[0]] = result[1]
      })
      return data
   } else {
      return {}
   }
}

//全局封装

//调用方式：$.browserParams()

$.extend({
        browserParams: function () {
          var urlParams = window.location.search.substr(1).split("&")
          var data = {}
          urlParams.forEach(function (param) {
            var paramSplit = param.split("=")
            data[paramSplit[0]] = decodeURIComponent(paramSplit[1]) || ""
          })
          return data
        },
})