首頁 > 開發者 > JavaScript
<body>
<p id="text" class="text">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<script type="text/javascript">
//jquery對象不能使用原生的JavaScript對象的方法
//如果想使用原生JavaScript對象的方法，可以通過get()方法將jquery對象轉化為原生的JavaScript對象。
function breakWords(maxLen,obj){
var text=$(obj).text(); //jquery的text()方法返回的是原始的字串資料型別，所以可以使用原生的js方法。
var temp="";
while(text.length>maxLen){
temp+=text.substr(0,maxLen)+"<br />"; //substr是原生JavaScript字串對象的方法
text=text.substr(maxLen,text.length);
};
temp+=text;
$(obj).html(temp); //這裡不能使用innerHTML因為${obj}是jquery對象。另外jquery對象的html()和text()方法是不一樣的，這裡使用html()而不用text()
}
breakWords(50,"#text");
</script>
</body>
</html>
當應用了jquery時，在使用過程中一定要區分當前的操作對象是jquery對象還是原生的JavaScript對象。jquery對象只能使用jquery中定義的方法和屬性，而不能使用原生的JavaScript對象的方法和屬性。JavaScript對象也是類似的。當然jquery對象可以通過get()方法轉化為JavaScript對象，也可以通過$來建立jquery對象。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
