2010
04.07
//jQuery基本过滤选择器
$(“.a:first”).css(“background”,”#990000″);//改变class为a的第一个
$(“.a:last”).css(“background”,”#000033″);//改变class为a的最后一个
$(“.a div:not(.b)”).css(“background”,”#009933″);//改变所有在class为a里的DIV的元素中
$(“div:even”).css(“background”,”#333300″);//改变所有DIV索引是偶数的背景颜色.(索引从
$(“div:odd”).css(“background”,”#9933FF”);//改变所有DIV索引是奇数的背景颜色(索引从0
$(“.a:eq(2)”).css(“background”,”#FFFFFF”);//改变class为a的索引是2的背景颜色(索引从0
$(“.a:gt(2)”).css(“background”,”#000000″);//改变class为a的索引大于2的背景颜色(索引
$(“.a:lt(2)”).css(“background”,”#FFFF00″);//改变class为a的索引小于2的背景颜色(索引
$(“:header”).css(“background”,”#FF00FF”);//改变所有的标题元素背景颜色(如H1、H2、
$(“div:animated”).css(“background”,”#006666″);//改变正在执行动画的所以有DIV元素背景
实例：
继续阅读全文 >>
2010
04.07
怎样判断函数是否存在？
if(function_exists(“fun”)){
echo “存在”;
}else{
echo “不存在”;
}
2010
04.07
foreach($arr as $key=>$val){}//遍历数组
count($arr)//统计数组的长度
is_array($arr)//判断数组
explode(“key”,$str)//分割字符串成数组
2010
04.06
jQuery选择跟CSS选择一样，如果有CSS基础的朋友，去学jQuery选择器就会感觉很容易，没有CSS基础的朋友去看也可以一目了然。下面就先讲jQuery层次选择器;
实例：
<!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>jQuery选择器</title>
<script type=”text/javascript” src=”../js/jquery-1.3.1.js”></script>
<script type=”text/javascript”>
$(function(){
//层次选择器
$(“.btn1″).click(function (){
$(“.a .b ul”).css(“background”,”333″);//改变class为a子级class为b的后代ul的背景颜色
})
继续阅读全文 >>
2010
04.06
jQuery选择跟CSS选择一样，如果有CSS基础的朋友，去学jQuery选择器就会感觉很容易，没有CSS基础的朋友去看也可以一目了然。下面就先讲jQuery基本选择器;
实例：
<!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>jQuery选择器</title>
<script type=”text/javascript” src=”../js/jquery-1.3.1.js”></script>
<script type=”text/javascript”>
$(function(){
//基本选择器
$(“.a”).click(function(){//选择class为a
alert($(this).text());
$(this).css(“background”,”faaaaa”)
})
继续阅读全文 >>
2010
04.06
选择下一个紧接的元素 ： $(“.a+div”); 等价于 $(“.a”).next(“div”);
选择后面的所有兄弟元素：$(“.a~div”); 等价于 $(“.a”).nextAll(“div”);
2010
04.06
另一种方法解决jQuery库和其他库的冲突
jQuery在其他库没有导入之前先导入，可以直接使用jQuery,而不用调用jQuery.noConflict()函数
<!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>解决jQuery库和其他库的冲突（二）</title>
<script type=”text/javascript” src=”../js/jquery-1.3.1.js”></script>
<script type=”text/javascript” src=”../js/prototype.1.6.1.js”></script>
<script type=”text/javascript”>
//如果在jQuery其他库之前就导入了，那么可以直接用“jQuery”来做一些jQuery的工作。同时，可以使用$()方法做为其他库的快捷方式，这里就无需调用jQuery.noConflict()函数。示例如下
继续阅读全文 >>
2010
04.06
在jQuery库中，几乎所有的插件都被限制在它的命名空间里。通常，全局对象都被很好的存在命名空间里。因此把jQuery库和其他javaScript库（如：Prototype、MooTools或YUI）一起使用，不会引起冲突。
在其他库和jQuery库加载完毕后，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制板移交给其他JavaScript库。示例如下：
<!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>解决jQuery库和其他库的冲突</title>
<script type=”text/javascript” src=”../js/prototype.1.6.1.js”></script>
<script type=”text/javascript” src=”../js/jquery-1.3.1.js”></script>
<script type=”text/javascript”>
/*
注意，当jQuery把$控制权转移后，使用
jQuery(function (){});加载完成执行
只是第一个出现的有作用，如果出现两个jQuery(function (){})
，只执行第一个
像下面的代码测试得分开测试，为了方便，所以注解测试
*/
继续阅读全文 >>
2010
04.06
如果在使用jQuery对象中遇到不得不使用的DOM对象的时候，就需要jQuery对象转换成DOM对象。
或者在使用DOM对象中遇到不得不使用的jQuery对象的时候，就需要DOM对象转换成jQuery对象。
jQuery对象转DOM对象：
//第一种方法
var $a1=$(“.a1″);//jQuery对象
//alert($a1.html());
var a1=$a1[0];//转成DOM对象
alert(a1.innerHTML);
//第二种方法
var $a2=$(“.a2″);//jQuery对象
var a2=$a2.get(0);//转换成DOM对象
alert(a2.innerHTML);
//DOM对象转成jQuery对象
var b=document.getElementById(“b”);//DOM对象
//alert(b.innerHTML);
var $b=$(b);//转换成jQuery对象
alert($b.html());
继续阅读全文 >>
2010
04.06
jQuery加载完毕执行
$(document).ready(function (){
alert(“加载完成，执行代码”)
})
//上面可以简写成
$(function (){
alert(“加载完成，执行代码”)
})
继续阅读全文 >>
