JavaScriptjQuery 基本使用

* 最近连续加班加点三周* 遭不住了 ...* 来点 js / jq 的货* 一个人撸PHP  撸HTML 撸CSS 撸JavaScript 撸jQuery* 不管有没有用记录一下** 1:jQuery 发送ajax请求

$.ajax({url:'', // 请求地址data:{}, // 参数type:'post' // 请求方式}).success(function (result) {}).fail(function () {})

* 2:页面打开时执行js

window.onload =function() {};

* 3:获取select选择器值

$('#selectId option:selected').val();

* 4:获取input值

$('#inputId').val();

* 5:div拼接html

$("#divId").html(x); //x -> html代码

* 6:url跳转

window.location.href=url;

* 7:获取radio值

$("[name='RadioName']").filter(":checked");

* 8:获取复选框的选中值

var val = [];var obj = document.getElementsByName("name");for(k in obj){if(obj[k].checked)val.push(obj[k].value);}

* 9:自定义属性赋值

$('#id').attr( "xxx" ,xxx );

* 10:清空select option数据

$("#id option").remove();

* 11:拼接html

$("#ID").append("xxx"); //xxx->html代码

* 12:去除input number 上下调整

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type="number"]{-moz-appearance: textfield;}

* 13:只允许输入小数点后2位

function checknum(obj){if(!/\d/.test(obj.value)){obj.value = obj.value.substring(0,obj.value.length-1);}if(/\./.test(obj.value)){if(/^\d+\.?\d{0,2}$/.test(obj.value)){obj.value = obj.value;}else{obj.value = obj.value.substring(0,obj.value.length-1);}}}

转载于:https://www.cnblogs.com/kinsFeng/p/9579789.html

JavaScriptjQuery 基本使用相关推荐

JavaScriptjQuery.变量作用域
变量作用域变量的位置或影响它的作用范围,这个作用范围也叫作用域. 如果变量是在函数内声明的,那么的作用域仅在函数内,函数之外不能调用.函数调用执行完后,函数内的变量立即销毁. function g ...
JavaScriptjQuery.查询DOM元素
查询DOM元素查询单个元素document.getElementById <!DOCTYPE html> <html> <head> <title>访 ...
JavaScriptjQuery.事件流
事件流事件冒泡:事件从最具体的节点开始向外传播到最宽泛的节点.这是事件流默认类型,被绝代多数浏览器支持. element.addEventListener('event',function,trun ...
JavaScript--------------------jQuery中.bind() .live() .delegate() .on()的区别和三种方式写光棒事件动画...
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数. $("a").bind("click",function(){alert( ...
JavaScriptjQuery.stopPropogation()
使用stopPropogation()方法可以阻止事件冒泡. DOM使用stopPropogation()方法,IE5-IE8使用cancelBubble. 示例: <!DOCTYPE html ...
JavaScript--jquery.min.js文件
1 /*! jQuery v1.12.3 | (c) jQuery Foundation | jquery.org/license*/ 2 !function(a,b){"object&qu ...
JavaScriptjQuery.返回多个值的函数
返回多个值的函数例子 <!DOCTYPE html><html lang="zh"><head> <meta charset=" ...
JavaScriptjQuery.document对象属性和方法
document对象属性和方法 document对象代表浏览器当面窗口或标签中载入的页面. 它的常用属性有: 属性 ...
【JavaScriptjQuery】返回顶部
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

JavaScriptjQuery 基本使用

JavaScriptjQuery 基本使用相关推荐

最新文章

热门文章