jQuery 彈幕特效 操作元素寬高

2021-08-19 21:34:44 字數 1177 閱讀 9443

1 彈幕效果案例

2 val() val() 方法返回或設定被選元素的值    一般用於input表單元素

$(".txt").val()              取值

$(".txt").val("hello")

設定值3  with() 與  height()

//獲取元素的寬度

$(".box").css("width");

$("box").width();

//設定元素寬度

$(".box").css("width","300px");

$(".box").width(300);

//獲取元素的高度

$(".box").css("height");

$("box").height();

//設定元素高度

$(".box").css("height","300px");

$(".box").height(300);

css()與  width()、height()的區別:width()、height()可以直接使用數字設定

$(select).innerwidth()  //padding左 + width + padding右       number型別

$(select).innerheight()   //padding上 + height + padding下           number型別

console.log($("#box").outerwidth());          number型別

console.log($("#box").outerheight());           number型別

console.log($("#box").outerheight(true)); //帶引數true 表示包含margin              number型別

4 scrollleft() 與 scrolltop()

scrollleft() 方法返回或設定匹配元素的滾動條的水平位置。

滾動條的水平位置指的是從其左側滾動過的畫素數。當滾動條位於最左側時,位置是 0

scrolltop() 方法返回或設定匹配元素的滾動條的垂直位置

如果該方法未設定引數,則返回以畫素計的相對滾動條頂部的偏移.當滾動條位於最上邊時,位置是0

$(function() );

});

jQuery 操作元素的寬高

獲取元素寬高 jquery物件.width jquery物件.height console.log one width console.log one height 設定元素寬高 jquery物件.width 寬度 jquery物件.height 高度 one width 300 one heigh...

jQuery操作元素

對於元素屬性的操作 attr 屬性名 獲得屬性 如 a attr href 獲得鏈結的內容 removeattr 屬性名 刪除此屬性 如 a removeattr href 移除href屬性 2.對於元素內容的操作 dd html 獲得元素的html內容 dd html 哈哈哈 設定元素的html內...

jQuery操作元素

獲取內容 test text test html test val 獲取屬性 test attr href 設定或者修改屬性 attr disabled disabled removeattr checked input select在value值變化時可以呼叫不同的函式 change functi...