前言：
当前咱们对“jquery两个条件都满足的写法”可能比较重视，姐妹们都想要剖析一些“jquery两个条件都满足的写法”的相关文章。那么小编同时在网上搜集了一些对于“jquery两个条件都满足的写法””的相关资讯，希望姐妹们能喜欢，姐妹们快快来学习一下吧！<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>28-jquery的自定义事件</title>
<!-- <script src="../static/js/jquery-3.6.0.js"></script>
<script>
$(function(){
})
</script> -->
<style type="text/css">
.son{
width: 100px;
height: 100px;
background-color: #0000FF;
border: black solid 3px;
}
.father{
width: 200px;
height: 200px;
background-color: #FF0000;
};
</style>
<script src="../static/js/jquery-3.6.0.js"></script>
<script>
$(function(){
// $(".son").click(function(){
// alert("点击了蓝色div");
// });
// 想要自定义事件 必须要满足两个条件
// 1. 事件必须是通过on绑定的
// 2. 事件必须通过trigger来触发
$(".son").on("myclick", function(){
alert("自定义的事件启动了")
})
$(".son").trigger("myclick")
})
</script>
</head>
<body>
<div class="father">
<div class="son">
</div>
</div>
<a href=";>我是百度</a>
<a href=";><span>我是百度</span></a> <!-- 里面加个span标签对于用户而言没有任何变化-->
<form action=";>
<input type="text"/>
<input type="submit"/>
</form>
</body>
</html>
标签： #jquery两个条件都满足的写法
