Jquery $ 符号讲解

wangduowu · 发表于 2013-2-7 15:13:01

一. $选择器： $();
替换超链接的内容
<!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()
<!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....了
<!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>

		自动登录	找回密码
密码			立即注册

Jquery $ 符号讲解

浏览过的版块