生活随笔
收集整理的這篇文章主要介紹了
Jquery $ 符号讲解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?一. $選擇器： $();
替換超鏈接的內容
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>內容</h2>??<h2>正文<a?href="#">內容</a></h2>??</body>??</html>?? ?
二. 功能函數前綴： $.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. 簡寫：
$(function(){
?? //.......
});
?
?
四. 創建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>創建DOM元素</title>??<script?language="javascript"?src="jquery.min.js"></script>??<script?language="javascript">??$(function(){?????//ready()函數??????var?oNewP?=?$("<p>這是一個感人肺腑的故事</p>");??//創建DOM元素??????oNewP.insertAfter("#myTarget");??});??</script>??</head>??<body>??????<p?id="myTarget">插入到這行之后</p>??????<p>也就是插入到這行文字之前，但是這行沒有id，也可能不存在</p>??</body>??</html>?? ?
轉載于:https://blog.51cto.com/wellwy/728238
總結
以上是生活随笔為你收集整理的Jquery $ 符号讲解的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
