js和jquery常用方法

1.0 编码 Encode,Decode

 function htmlEncode(value) {
   return $(‘<div>‘).text(value).html();
 }
 function htmlDecode(value) {
   return $(‘<div>‘).html(value).text();
 }

2.0 操作前的确认

<a onclick="return confirm(‘确定删除吗?‘);"  href="/delete/id">删除</a>

3.0 得到url参数

function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
} 

4.0 绑定按键事件

//#strKeyInput 文本框id  keypress 事件名字,不用改
//searchByKey() 触发的事件
$(‘#strKeyInput‘).bind(‘keypress‘, function (event) {
    if (event.keyCode == "13") searchByKey();
});

5.0 前端防止重复提交

$("#btnSubmit").attr(‘disabled‘, true);

服务器端需要做进一步验证,防止重复的数据提交.

6.0 刷新当前页面
location.replace(location.href);

7.0 返回上一个页面

window.history.back();

待补充...

时间: 2024-12-14 16:26:44

js和jquery常用方法的相关文章

原生js仿jquery一些常用方法

原生js仿jquery一些常用方法 下面小编就为大家带来一篇原生js仿jquery一些常用方法(必看篇).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery...现在利用扩展原型的方法实现一些jquery函数: 1.显示/隐藏 //hide() Object.prototype.hide = function(){ this.style.displa

js数组操作常用方法(转自:http://www.jbxue.com/article/js/20224.html)

js数组操作常用方法,包括数组的创建.数组的元素的访问.数组元素的删除.数组的拷贝等. 原文参考自:http://www.jbxue.com/article/js/20224.html 在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽.记录下来.1.数组的创建 var arr

jquery 常用方法 集锦

JQuery常用方法 1.获取元素 $("标签名").$("#id").$(".类名").$("标签名,#id,.class") $("祖先 子孙").$("父>子").$("前+后").$("兄~弟")指定层次关系 $("p[id]")获取有id的p.$("p[id^=p]")获取有id且,id设定值

Jquery 常用方法经典总结(转)

1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象. 普通的dom对象一般可以通过$()转换成jquery对象. 如:$(document.ge

一篇 jQuery 常用方法及函数的文章留存备忘。

jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $("标签.class样式名") /

JQUERY 常用方法大全

JQUERY 常用方法大全 Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $(&quo

解决ECSHOP中transport.js和jquery的冲突

ecshop模板兼容jquery问题, 一直是困扰开发人员的棘手问题,主要原因是 transprot.js  文件中, 大概 580行到590行之间,这个句用于格式化json,他重写了object的结构,导致于js框架冲突.冲突的原因是jquery给一个object增加了很多元素,那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环,导致网页很卡,并且在IE中会报错. ecshop开发中

原生JS与jQuery操作DOM有什么异同点?

本文和大家分享的主要是原生JS与jQuery操作DOM相关内容,一起来看看吧,希望对大家学习javascript有所帮助. 一.创建元素节点 1.1 原生 JS 创建元素节点 document.createElement("p"); 1.2 jQuery 创建元素节点 $('<p></p>');` 二.创建并添加文本节点 2.1 原生JS创建文本节点 document.createTextNode("Text Content"); 通常创建文

js引用jquery问题

jquery本身就是一个JavaScript函数库,所以可以直接在js文件中写jquery代码. 但需要注意:jquery的使用需要引用官方的jquery.js文件. 关键:独立的js文件不需要引用任何jquery.js文件,只需要在相应的html网页中引用jquery.js和.js文件,jquery文件引用必须在.js文件之前.如下图: html文件: <script src="js/jquery-1.12.4.js"></script> //引用jquery