jquery自动触发事件

最新推荐文章于 2023-10-31 17:13:05 发布

黄大仙No.1

最新推荐文章于 2023-10-31 17:13:05 发布

阅读量209

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_44378358/article/details/108278063

版权

jQuery 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="js/jquery-3.5.1.min.js"></script>
		<script>
            $(function () {
                var flag = 1;
                $('div').on('click', function () {
                    if (flag == 1)
                        $(this).css('backgroundColor', 'red')
                    else
                        $(this).css('backgroundColor', 'pink')
                    flag = -flag;
                })
	            /*元素.事件*/
	            // $('div').click();

	            /*元素.trigger(事件)*/
	            // $('div').trigger('div')

	            /*元素.triggerHandler('事件') 不会触发元素默认行为*/
	            $('div').triggerHandler('click')

	            $('input').on('focus',function () {
		            $(this).val('你好吗')
                })
                // $('input').trigger('focus')     //光标闪烁
                $('input').triggerHandler('focus'); //光标不会闪烁
            })
		</script>
		<style>
			div {
				height: 100px;
				width: 100px;
				background-color: pink;
			}
		</style>
	</head>
	<body>
		<div></div>
		<input type="text">
	</body>
</html>