最近一直在做页面,总结一下js的各种用法。
# jQuery 选择器
$("p:first") 第一个<p> 元素
$("tr:even") 所有偶数<tr> 元素
$("ul li:eq(3)") 列表中的第四个元素(index从 0 开始)
$("ul li:gt(3)") 列出 index 大于 3 的元素
$(":contains('W3School')") 包含指定字符串的所有元素
$("[href='#']") 所有 href 属性的值等于"#" 的元素
$(":checkbox") 所有type="checkbox" 的 <input> 元素
$(":checked") 所有被选中的 input 元素
$(":selected") 所有被选取的 input 元素
# 获得/设置内容和属性
text() 设置或返回所选元素的文本内容
html() 设置或返回所选元素的内容(包括 HTML 标记)
val() 设置或返回表单字段的值
attr() 用于获取或设置属性值
.next() 获得匹配元素集合中每个元素紧邻的同辈元素。
.nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。
.nextUntil() 获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。
.prev() 获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。
.parent() 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。
.parents() 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。
.children() 获得匹配元素集合中每个元素的所有子元素。
# 添加元素
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
# 删除元素
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
# 获取并设置 CSS 类
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
# 遍历选择元素
$(selector).each(function(index,element))
index - 选择器的 index 位置
element - 当前的元素(也可使用 "this" 选择器)
# js实现连个数字相加而不是拼接的方法
parseInt(e1)+parseInt(e2);
# JS(去掉前后空格或去掉所有空格)的用法
str.replace(/(^\s*)|(\s*$)/g, "");
jQuery直接使用$.trim(str)方法即可
# 在javascript中,对象本身就是一种Map结构。
var map = {};
map['key1'] = 1;
# js实现数组转换成json
JSON.stringify(array);
# indexOf()
var myString=”JavaScript”;
var y=myString.indexOf(”Script”);y will also be 4
var z=myString.indexOf(”key”);z will be -1
# js数组中是否包含某元素
var arr = [ 4, "Pete", 8, "John" ];
jQuery.inArray("John", arr); //3
jQuery.inArray(4, arr); //0
jQuery.inArray("David", arr); //-1
# js中拼接html时双引号可以用"
https://www.cnblogs.com/gengyulong/archive/2011/05/06/2038573.html
# 在js中进行浮点数计算时可能会导致运算精度丢失,解决方法是将浮点数转化为整数进行计算。