jquey复习(一)

2014-11-24 00:41:23 · 作者: · 浏览: 0

http://www.w3.org/TR/html4/loose.dtd">



1
<script type="text/java script" src="lib/jquery-1.5.2.js">

<script type="text/java script">
// $().ready(function() {

/*
$(div>p).click(function() {
alert("选中");
});

$(ul>li).hover(function() {
$(this).css("background", red);
}, function() {
$(this).css("background", white);
});

$(ul>li:last).hover(function() {
$(this).addClass(green);
});

$(ul).find(li).each(function(i) {
$(this).html($(this).html() + "Sam" + i);
});

$(li).not(:has("div")).addClass("red");
*/
// $(li).not([div]).addClass("red");
//$("li[name]").css("background-color", "#eee");
/*
$("a[href*=google]").hover(function() {
$(this).addClass(green);
});
*/
/*
$(ul).find("li").hover(function() {
var li = $(this).next();
if (li.is(:visible)) {
li.slideUp();
} else {
li.slideDown();
}
});
*/
/*
$(a).hover(function() {
$(this).parent(div).addClass(green);

}, function() {
$(this).parent(div).removeClass(green);
});
*/

//});
$(function() {
//alert("this simple write !");
//code to execute when the DOM is ready

});



one



two



three



  • i

  • like

  • you

  • ok
    this is a div

  • have a name



Googlewww.google.com">Google
Baiduwww.baidu.com">Baidu

Yahoowww.yahoo.com">Yahoo



html>http://www.w3.org/TR/html4/loose.dtd">>



<script type="text/java script" src="lib/jquery-1.5.2.js">
<script type="text/java script" src="lib/jquery.tablesorter.js">

<script type="text/java script">
$(function() {
/*

$(div[name*=div1]).addClass("red").end().toggle(function() {
$(div[class*=yellow]).hide(slow);
}, function() {
$(div[class*=yellow]).show(fast);
});
$(div[name*=div2]).addClass("green");
*/
/*
$("a").toggle(function() {

$("div[name*=div1]").animate({
height : "hide",
opacity : hide
}, "slow");
}, function() {
$("div[name*=div2]").animate({
height : "show",
opacity : show
}, "slow");
});
*/

$(#large).tableSorter({
stripingRowClass : [ odd, even ],
stripRowStartUp : true
});
});


div1

div2

div3

div4

toggle