亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

  1. 首頁 > 生活知識 > >

jquery設(shè)置input的value值 jquery判斷字符串是否為空( 三 )

生活百科jquery


<script>$("#btn1").click(function(){// 顯示：映入眼簾$("div").fadeIn(1000);});?$("#btn2").click(function(){// 隱藏：淡出我的視線$("div").fadeOut(1000);});?$("#btn3").click(function(){// 切換$("div").fadeToggle(1000);});?$("#btn4").click(function(){// 1 秒內(nèi)變成 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 的操作屬性函數(shù)attr(“屬性”) 獲得元素的屬性值 。
attr(“屬性”, “新值”) 修改元素的屬性值 。
attr(樣式參數(shù)) 樣式參數(shù)可以寫成 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() 獲得元素中的內(nèi)容（標簽 + 文本）
html(“x”) 修改元素中的內(nèi)容（標簽 + 文本）
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 中的內(nèi)容（包含標簽信息）alert($("div").html());// 獲得 div 中的內(nèi)容（不包含標簽信息 ， 只包含文本內(nèi)容）alert($("div").text());// 修改 div 中的內(nèi)容（全部內(nèi)容都覆蓋）$("div").text("祖國萬歲！");});</script>樣式函數(shù)css(“屬性”) 獲得該屬性值
css(“屬性”, “值”) 設(shè)置屬性的值
css({json}) 設(shè)置多個屬性的值
<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 為參數(shù)$("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>類樣式函數(shù)addClass() 為元素添加類樣式


以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：