生活随笔
收集整理的這篇文章主要介紹了
Jquery $ 符号讲解
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?一. $選擇器： $();
替換超鏈接的內(nèi)容
Html代碼??
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">??<html?xmlns="http://www.w3.org/1999/xhtml">??<head>??<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>??<title>$選擇器</title>??<script?language="javascript"?src="jquery-1.2.6.js"></script>??<script?language="javascript">??window.onload?=?function()?{??????var?oElements?=?$("h2?a");??????for(var?i=0;i<oElements.length;i++){??????????oElements[i].innerHTML?=?i.toString();??????}??}??</script>??</head>??<body>??<h2><a?href="#">正文</a>內(nèi)容</h2>??<h2>正文<a?href="#">內(nèi)容</a></h2>??</body>??</html>?? ?
二. 功能函數(shù)前綴： $.trim()
Html代碼??
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">??<html?xmlns="http://www.w3.org/1999/xhtml">??<head>??<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>??<title>$.trim()</title>??<script?language="javascript"?src="jquery-1.2.6.js"></script>??<script?language="javascript">??var?str?=?"??1234567890";??str?=?$.trim(str);??alert(str.length);??</script>??</head>????<body>??</body>??</html>?? ?
三. ready()方法：
ready()替代window.onload()的方法
1. $(document).ready(function(){
?? //.....
})；
2. 簡(jiǎn)寫(xiě)：
$(function(){
?? //.......
});
?
?
四. 創(chuàng)建DOM元素：
可以不用以前的document.create....了
Html代碼??
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">??<html?xmlns="http://www.w3.org/1999/xhtml">??<head>??<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>??<title>創(chuàng)建DOM元素</title>??<script?language="javascript"?src="jquery.min.js"></script>??<script?language="javascript">??$(function(){?????//ready()函數(shù)??????var?oNewP?=?$("<p>這是一個(gè)感人肺腑的故事</p>");??//創(chuàng)建DOM元素??????oNewP.insertAfter("#myTarget");??});??</script>??</head>??<body>??????<p?id="myTarget">插入到這行之后</p>??????<p>也就是插入到這行文字之前，但是這行沒(méi)有id，也可能不存在</p>??</body>??</html>?? ?
轉(zhuǎn)載于:https://blog.51cto.com/wellwy/728238
總結(jié)
以上是生活随笔為你收集整理的Jquery $ 符号讲解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
