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


<script>$("#btn1").click(function(){// 显示:映入眼帘$("div").fadeIn(1000);});?$("#btn2").click(function(){// 隐藏:淡出我的视线$("div").fadeOut(1000);});?$("#btn3").click(function(){// 切换$("div").fadeToggle(1000);});?$("#btn4").click(function(){// 1 秒内变成 50% 的透明度$("div").fadeTo(1000,0.5);});</script>链链是允许在同一个元素上在一条语句中运行多个 jQuery 方法 , 可以把动作/方法链接在一起 。
例如:点击一次按钮 , 让 div 完成 4 个指定动作:
背景变粉字体变绿向上收缩向下拉伸<style>div{width: 200px;height: 200px;background-color: black;color:white;font-size: 3em;}</style><body><button>试试</button><div>hello</div>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){$("div").css("background-color","pink").css("color","green").slideUp(1000).slideDown(1000);});</script></body>DOM 和 CSS 的操作属性函数attr(“属性”) 获得元素的属性值 。
attr(“属性”, “新值”) 修改元素的属性值 。
attr(样式参数) 样式参数可以写成 json 格式 。
<body><button id="btn1">点我试试</button><hr><img src="https://www.520longzhigu.com/diannao/img/1.jpg" title="风景图" width="300">?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("#btn1").click(function(){$("img").attr("src","img/2.jpg");$("img").attr("title","高清风景图");$("img").attr({width:"200",height:"200"});});</script></body>val() 获得表单元素中的 value 值
val(“x”) 修改表单元素中的 value 值
html() 获得元素中的内容(标签 + 文本)
html(“x”) 修改元素中的内容(标签 + 文本)
text() 获得元素中的文本
text(“x”) 修改元素中的文本
<button>试试</button><hr><input id="username">?<div><h1><i>中国加油</i></h1></div>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){// input 框中的值alert($("input").val());// 修改 input 框中的值$("input").val("66666");// 获得 div 中的内容(包含标签信息)alert($("div").html());// 获得 div 中的内容(不包含标签信息 , 只包含文本内容)alert($("div").text());// 修改 div 中的内容(全部内容都覆盖)$("div").text("祖国万岁!");});</script>样式函数css(“属性”) 获得该属性值
css(“属性”, “值”) 设置属性的值
css({json}) 设置多个属性的值
<style>div{width: 150px;height: 150px;background-color: #000;}</style><body><button>试试</button><hr><div></div>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){// 获取 css 属性 , width 的值var w = $("div").css("width");?// 一个键值对$("div").css("background-color","pink");?// 链式编程$("div").css("background-color","pink").css("border-radius","50%");?// json 为参数$("div").css({opacity:"0.4",background:"orange",borderRadius:"50%"});});</script></body>width() 获得元素的宽度
width(number) 修改元素的宽度
height() 获得元素的高度
height(number) 修改元素的高度
<style>div{width: 150px;height: 150px;background-color: #000;}</style><body><button>试试</button><hr><div></div>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){//(无参)获取宽度var w = $("div").width();//(无参)获取高度var h = $("div").height();alert("宽:"+w+"px , 高:"+h+"px");//(传参)修改宽度$("div").width("300");//(传参)修改高度$("div").height("300");});</script></body>类样式函数addClass() 为元素添加类样式


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

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