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

2022-05-23 生活百科 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小编还为您精选了以下内容，希望对您有所帮助：

上一篇：蚝油里面有黑色素吗

下一篇：人脸识别用照片可以识别吗