jquery

判断单选框复选框是否选中

if($('#radioid').is(':checked')) { 
  //选中 
} else {
  //没有选中
}

隐藏元素

$('.class').hide()  //隐藏元素

删除元素

//删除元素
$(selector).remove()

在元素内部的前面增加html

$('.class').prepend('html')  //在元素内部的前面增加html

获取元素

$('.class').prev()   //获取前一个元素
$('.class').next()   //获取后一个元素
$('.class').parent() //获取父对象

触发事件

//触发事件
$("div").click();
// 使用trigger方法触发按钮的点击事件
$("#myButton").trigger("click");

//为动态增加的元素绑定事件，有的曾经绑过的为了防止重复绑定，还要先去掉使用 off函数
  $("#div1").on("click", "#div_link", function(){ // 父选择器：#div1  子选择器：#div_link
   //点击id为div_link时调用的处理函数
  });
//对于layui中 一些 查询 到 元素 动态绑定的事件是不行的，需要自己再动态绑定一遍事件 
 //针对检索到的元素，先移除事件，再绑定事件。
 elemTitle.off('click', call.collapse).on('click', call.collapse);

设置css

//css
$("div").css({ "background-color": "red" });

防止冒泡、阻止默认行为

//防止事件冒泡  「方法一」
$('#myButton').click(function() {
  // do something
  return false;
});
//防止事件冒泡  「方法二」「推荐使用此方法」
$('#myButton').click(function(event) {
  event.stopPropagation();
});
//取消默认提交行为，取消【表单默认提交】，取消【点击链接】跳转页面
$('#myForm').submit(function(event) {
  event.preventDefault();
  // 在这里添加你的额外逻辑
});
//stopPropagation 和 preventDefault 的区别和具体用法见此链接
//https://blog.csdn.net/qfxietian/article/details/122026029

目录

jquery