lazzyRabbit hello

最近一直在做页面,总结一下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时双引号可以用&quot;

https://www.cnblogs.com/gengyulong/archive/2011/05/06/2038573.html

 

# 在js中进行浮点数计算时可能会导致运算精度丢失,解决方法是将浮点数转化为整数进行计算。

https://www.cnblogs.com/Stephenchao/p/5743805.html