站長(zhǎng)資訊網(wǎng)
兩種方法：1、用css()設(shè)置float屬性，將值改為“none”，語(yǔ)法“元素.css("float","none")”。2、用attr()控制style屬性，設(shè)置新樣式，語(yǔ)法“元素.attr("style","float:none")”。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
float屬性用于指定一個(gè)盒子（元素）是否應(yīng)該浮動(dòng)。
當(dāng)該屬性的值為none即可不起作用（元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置。）。
在jquery中，可以通過(guò)將該屬性的值設(shè)置為none，來(lái)去除float屬性。
下面介紹兩種方法：
1、使用css()
css()方法返回或設(shè)置匹配的元素的一個(gè)或多個(gè)樣式屬性。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("img").css("float","none"); }); }); </script> <style> img { float:right; } </style> </head> <body class="ancestors"> <p>在下面的段落中，我們添加了一個(gè) <b>float:right</b> 的圖片。導(dǎo)致圖片將會(huì)浮動(dòng)在段落的右邊。</p> <p> <img src="img/1.jpg" width="95" height="84" /> 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 這是一些文本。這是一些文本。這是一些文本。 </p> <button>去除float</button> </body> </html>
2、使用attr()
利用attr() 方法控制style屬性，設(shè)置新float樣式
$(document).ready(function() { $("button").click(function() { $("img").attr("style","float:none"); }); });
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
