1.$selector.trigger()给元素添加自动触发事件
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").select(function(){//要触发的事件
$("input").after("文本被选中!");
});
$("button").click(function(){
$("input").trigger("select");//自动触发这个事件
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
</body>
</html>
运行结果
2.同等级数据列表的互相切换方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表等点击切换</title>
</head>
<body>
<ul>
<li value="1">上午</li>
<li value="2">中午</li>
<li value="3">下午</li>
</ul>
<script src="jquery-3.3.1.min.js"></script>
<script>
$(function(){
$(document).on('click', 'li', function () {
let _this = $(this);
console.log("被选中的li的value值为:"+_this.val());
});
});
</script>
</body>
</html>
运行结果