jquery设置input的value值 jquery判断字符串是否为空( 二 )

<img src="https://www.520longzhigu.com/diannao/img/1.jpg" width="300"><img src="https://www.520longzhigu.com/diannao/img/1.jpg" width="300"><img src="https://www.520longzhigu.com/diannao/img/1.jpg" width="300">?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>// 点击一下，切换照片$("img").click( function(){// this 是事件触发的源头$(this).attr( "src","img/2.jpg" );} );// 移动到元素上$("img").mouseover( function(){$(this).css( "border","2px solid red" );} );// 离开元素$("img").mouseout( function(){$(this).css( "border","2px solid white" );} );</script>键盘事件用户每次按下或者释放键盘上的键时都会产生事件。
<input><h3></h3>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("input").keyup( function(){// 获取框中的值var str = $(this).val();// 将 h3 元素中的文本内容更改为 str$("h3").text( str );} );</script>表单事件当元素获得焦点时，会触发 focus 事件，失去焦点时，会触发 blur 事件。
<form action=""><p>帐号：<input id="a" value="https://www.520longzhigu.com/diannao/请输入帐号..."></p><p>电话：<input id="b"></p></form>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>// 获得焦点（激活/点击一下）$("#a").focus(function(){$(this).val("");});?// 失去焦点（未激活/未点击）$("#a").blur(function(){$(this).val("请输入帐号...");});</script>鼠标悬停复合事件hover() 方法相当于 mouseover 与 mouseout 事件的组合。
<img src="https://www.520longzhigu.com/diannao/img/3.jpg" width="400">?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("img").hover(function(){$(this).css("border","5px solid red");},function(){$(this).css("border","5px solid white");});</script>连续点击复合事件<h2>选择</h2><ul><li>a</li><li>b</li><li>c</li><li>d</li><li>e</li></ul>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("h2").click(function(){// 连续点击， ul 的可见和隐藏进行切换$("ul").toggle();});</script>事件的动态绑定对 dom 元素绑定事件的另一种写法
绑定一个事件$(".del").on('click', function() {alert('hello');})绑定多个事件$(".del").on('click mouseover', function() {alert('hello');})元素的隐藏和显示改变元素的宽和高（带动画效果）show(speed)：显示hide(speed)：隐藏toggle(speed) 等价于 show + hide：显示的隐藏，隐藏的显示可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒
<style>div{width: 200px;height: 200px;background-color: black;}</style><body><button id="btn1">显示</button><button id="btn2">隐藏</button><button id="btn3">切换</button><div></div>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("#btn1").click(function(){$("div").show('slow');});$("#btn2").click(function(){// fast:快速的// slow:缓慢的// 毫秒：自定义$("div").hide(2000);});$("#btn3").click(function(){$("div").toggle(1000);});</script></body>改变元素的高（拉伸效果）slideDown(speed)：显示slideUp(speed)：隐藏slideToggle(speed) 等价于 slideDown + slideUp可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒
<script>$("#btn1").click(function(){// 向下伸展$("div").slideDown(1000);});$("#btn2").click(function(){// 向上收缩$("div").slideUp(1000);});$("#btn3").click(function(){// 切换$("div").slideToggle(1000);});</script>不改变元素的大小（淡入淡出效果）fadeIn(speed) 显示fadeOut(speed) 隐藏fadeToggle(speed) 等价于 fadeIn + fadeOut 动画fadeTo(speed, 透明度) 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：