禁止编辑

1
2
3
$('#id').find("*").each(function() {
  $(this).attr("disabled", "disabled");
});

点击事件

1
2
3
4
5
$('.test').click(function() {
  $('.content').append('<li>keso</li>');
});
//通过 append 添加.test之后的click无效
//解决办法是 直接写在html 代码里 onclick="fun();"

遍历元素

1
2
3
$("li").each(function(){
  alert($(this).text())
});

jq添加元素

1
2
3
4
//append() - 在被选元素的结尾插入内容
//prepend() - 在被选元素的开头插入内容
//after() - 在被选元素之后插入内容
//before() - 在被选元素之前插入内容

jq样式处理

1
2
3
4
5
6
if($(t).hasClass("fa-minus-square")){
  $(t).parent().parent('.row').remove();
}
if($(t).hasClass("fa-plus-square")){
  $(t).removeClass("fa-plus-square").addClass("fa-minus-square");
}

jq获取值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
//getAttribute()方法
const getId = document.getElementById('getId');
// //getAttribute()取值属性
console.log(getId.getAttribute("data-id"));//122
console.log(getId.getAttribute("data-vice-id"));//11
// //setAttribute()赋值属性
getId.setAttribute("data-id","48");
console.log(getId.getAttribute("data-id"));//48

//dataset()方法
//data-前缀属性可以在JS中通过dataset取值，更加方便
console.log(getId.dataset.id);//112
//data-vice-id连接取值使用驼峰命名法取值
console.log(getId.dataset.viceId);//11

//赋值
getId.dataset.id = "113";//113
getId.dataset.viceId--;//10

//新增data属性
getId.dataset.id2 = "100";//100

//删除，设置成null，或者delete
getId.dataset.id2 = null;//null
delete getId.dataset.id2;//undefind

//jquery data()方法  data-id="1"
var id = $("#getId").data("id");
//赋值
$("#getId").data("id","100");

//jquery attr()方法
var id = $("#getId").attr("data-id");
//赋值
$("#getId").attr("data-id","100");//100

js 数组处理

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var myMap = {};
//塞入键值对
myMap['cityName'] = 'Beijing';
myMap['cityPopulation'] = 2152;
//遍历
for(var key in myMap){
    console.log(key + ' = ' + myMap[key]);
}


var myMap = [];
//塞入数据
myMap[] = 'Beijing';
myMap[] = 2152;
//遍历
for (var i=0;i<myMap.length;i++){
  console.log(i + ' ---> ' + myMap[i]);
}

遍历

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var array = [1,2,3,4,5,6,7];  
for (var i = 0; i < array.length; i) {  
  console.log(i,array[i]);  
}

for(let index in array) {  
  console.log(index,array[index]);  
};
var A = {a:1,b:2,c:3,d:"hello world"};  
for(let k in A) {  
    console.log(k,A[k]);  
}

array.forEach(v=>{  
    console.log(v);  
});
array.forEach（function(v){  
    console.log(v);  
});

数组转字符串

1
2
3
4
5
//需要将数组元素用某个字符连接成字符串，示例代码如下：
var a, b,c;
a = new Array(a,b,c,d,e);
b = a.join('-'); //a-b-c-d-e  使用-拼接数组元素
c = a.join(''); //abcde

字符串转数组

1
2
3
4
//实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下：
var str = 'ab+c+de';
var a = str.split('+'); // [ab, c, de]
var b = str.split(''); //[a, b, +, c, +, d, e]

###　textarea字数限制

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/*
html 代码
<div class="col-sm-10 col-md-8">
<textarea  rows="4" name="describes" class="form-control" placeholder="请输入产品描述" maxlength="200" onfocus="onfocusTextarea(this);" onblur="onblurTextarea(this);" onchange="getTextareaNum(this);" onkeydown="getTextareaNum(this);" onkeyup="getTextareaNum(this);" >文本</textarea>
<p style="text-align:right;display:none;" class="num" ><span class="textareaNum">0</span>/200</p>
</div>
*/

function onfocusTextarea(t){
  getTextareaNum(t);
  $(t).parent('div').find('p.num').show();
}
function onblurTextarea(t){
  $(t).parent('div').find('p.num').hide();
}
function getTextareaNum(t){
  var num = parseInt($(t).attr("maxlength"));
  $(t).val($(t).val().substring(0,num));
  $(t).parent('div').find('.textareaNum').html($(t).val().length);
}