JS/jQuery 相关操作汇总

jquery tytrock ⋅ 于 2017-11-12 22:33:07 ⋅ 2856 阅读
1、取得指定属性值的元素:
$('*[id-value=1]') //取得含有属性id-value等于1的元素


2、由json字符串转为json对象
var obj = JSON.parse(str)


3、将object变成可见的json格式的字符串

JSON.stringify(data)


4、select操作(取值、设置选择)

$(".selector").val("5");  //设置value为5的项选中
$(".selector").find("option[text='PHP']").attr("selected",true); //设置text为PHP的项选中
$(".selector").val(); //获取当前选中项的value
$(".selector").find("option:selected").text(); //获取当前选中项的text
$(".selector").is(':checked') //判断是否选择


5、input操作

$(".input").attr("disabled", true) //设置input的disabled属性


6、数组与字符串互转

arr.join(",") //数组转字符串
str.split(",") //字符串转数组


7、字符串操作

str.substr(2,4);//截取字符串,(start,length)
parseInt(str);//字符串转整型数字
parseFloat(str);//字符串转浮点型数字



7、数组操作

arr.pop(); //从数组中删除最后一个元素,并返回该元素的值
arr.shift(); ///从数组中删除第一个元素,并返回该元素的值
arr.push(a); //在数组结尾处插入元素
arr.unshift(a); //在数组头部插入元素
var arr = new Array(3);//创建一个指定长度的数组
var arr = new Array(3).fill('');//创建一个指定长度并且可以遍历的数组


8、日期

var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)         // 所以获取当前月份是myDate.getMonth()+1; 
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( );

var timestamp =Date.parse(new Date());    结果:1280977330000       //不推荐; 毫秒改成了000显示
var timestamp =(new Date()).valueOf();       结果:1280977330748       //推荐; 
var timestamp=new Date().getTime();         结果:1280977330748        //推荐;

将字符串形式的日期转换成日期对象
var strTime="2011-04-16";    //字符串日期格式           
var date= new Date(Date.parse(strTime.replace(/-/g,  "/")));      //转换成Data();


9、禁止右键/选择

<div onselectstart="window.event.returnValue=false"></div> //div内元素禁止被选中
<div oncontextmenu="window.event.returnValue=false"></div> //div内元素禁止使用右键


本帖已被设为精华帖!
回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter