参考

https://www.jq22.com/chm/jquery/index.html

循环遍历所有子元素

1
2
3
4
divContent.children().each(function(i,n){
     var obj = $(n)
     alert (obj.html ());
});

find 查找

1
2
3
4
5
6
7
8
9
10
11
12
let checkboxs = $(".data_content").find("input[type='checkbox']");
for (let i = 0; i < checkboxs.length; i++) {
  var bchecked = $(checkboxs[i]).prop("checked");
  if(bchecked) {
    let href = $(checkboxs[i]).prev().attr("href"); //上一个兄弟元素的 href 属性值
  }
}

//取消选中，并隐藏
for (let i = 0; i < checkboxs.length; i++) {
  $(checkboxs[i]).prop("checked", false).hide();
}

属性值 attr

1
let href = $("a").attr("href");

checkbox

1
2
3
4
5
6
7
8
9
10
//判断 checkbox 是否选中
var bchecked = $("#xxx").prop("checked");

//设置选中
$("#xxx").prop("checked", true);
//设置不选中
$("#xxx").prop("checked", false);  

//已知 name 和 选中的值 value，设置选中
$("input[name='checkboxName'][value='1']").prop("checked",true);

select

1
2
3
4
5
6
7
8
9
10
11
//已知 ID 和选中的值，选中
$("#testSelect").val("test");

//获取选中的值
$("#testSelect").val();
$("#testSelect").children('option:selected').val()

//切换事件
$('#testSelect').change(function(){  
  console.log($(this).val());
})

radio

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//已知 ID，选中
$("#radioId").prop("checked",true);

//已知 name 和 选中项的值，选中
$("input[name='radioName'][value='1']").prop("checked",true);

//获取选中的值
$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

//监听点击事件
$("input[name='begin']").on("click", function (){
		let value = $(this).val();
});

H5 软键盘监听

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
 // ios & android 键盘弹出：
 $("#inputid").on('focus', function () {
 	//键盘弹出的事件处理
 });

const ua = window.navigator.userAgent.toLocaleLowerCase();
const isIOS = /iphone|ipad|ipod/.test(ua);
const isAndroid = /android/.test(ua);

if(isAndroid) {
	var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
    $(window).on('resize', function () {
      var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight;
      if (clientHeight > nowClientHeight) {
			//键盘弹出的事件处理
      }
      else {
        //键盘收起的事件处理
      }
    });
}

if(isIOS) {
  $("#inputid").on('blue', function () {
  	//键盘收起的事件处理
  });
}

自定义监听事件

1
2
3
4
5
6
7
8
// 触发
$('.input').val(3);
$(document).trigger('input:changed', 3);

// 监听
$(document).on('input:changed', function (e, val) {
    console.log(val);
});

表单提交

触发提交

1
$('#form').submit();

提交回调

1
2
3
4
$('#form').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

获取表单参数

字符串

1
2
3
$("#searchForm").serialize();
结果：
firstname=zhangsan&age=18

对象数组

1
2
3
4
5
6
$("#searchForm").serializeArray();
结果：
[ 
     {name: 'firstname', value: 'zhangsan'},
     {name: 'age', value: '18'}
]