📄 core.js
字号:
expect(6);
isSet( $("#form input").filter(":checked").get(), q("radio2", "check1"), "filter(String)" );
isSet( $("p").filter("#ap, #sndp").get(), q("ap", "sndp"), "filter('String, String')" );
isSet( $("p").filter("#ap,#sndp").get(), q("ap", "sndp"), "filter('String,String')" );
isSet( $("p").filter(function() { return !$("a", this).length }).get(), q("sndp", "first"), "filter(Function)" );
// using contents will get comments regular, text, and comment nodes
var j = $("#nonnodes").contents();
equals( j.filter("span").length, 1, "Check node,textnode,comment to filter the one span" );
equals( j.filter("[name]").length, 0, "Check node,textnode,comment to filter the one span" );
});
test("not()", function() {
expect(8);
equals( $("#main > p#ap > a").not("#google").length, 2, "not('selector')" );
equals( $("#main > p#ap > a").not(document.getElementById("google")).length, 2, "not(DOMElement)" );
isSet( $("p").not(".result").get(), q("firstp", "ap", "sndp", "en", "sap", "first"), "not('.class')" );
isSet( $("p").not("#ap, #sndp, .result").get(), q("firstp", "en", "sap", "first"), "not('selector, selector')" );
isSet( $("p").not($("#ap, #sndp, .result")).get(), q("firstp", "en", "sap", "first"), "not(jQuery)" );
equals( $("p").not(document.getElementsByTagName("p")).length, 0, "not(Array-like DOM collection)" );
isSet( $("#form option").not("option.emptyopt:contains('Nothing'),[selected],[value='1']").get(), q("option1c", "option1d", "option2c", "option3d" ), "not('complex selector')");
var selects = $("#form select");
isSet( selects.not( selects[1] ), q("select1", "select3"), "filter out DOM element");
});
test("andSelf()", function() {
expect(4);
isSet( $("#en").siblings().andSelf().get(), q("sndp", "sap","en"), "Check for siblings and self" );
isSet( $("#foo").children().andSelf().get(), q("sndp", "en", "sap", "foo"), "Check for children and self" );
isSet( $("#en, #sndp").parent().andSelf().get(), q("foo","en","sndp"), "Check for parent and self" );
isSet( $("#groups").parents("p, div").andSelf().get(), q("ap", "main", "groups"), "Check for parents and self" );
});
test("siblings([String])", function() {
expect(5);
isSet( $("#en").siblings().get(), q("sndp", "sap"), "Check for siblings" );
isSet( $("#sndp").siblings(":has(code)").get(), q("sap"), "Check for filtered siblings (has code child element)" );
isSet( $("#sndp").siblings(":has(a)").get(), q("en", "sap"), "Check for filtered siblings (has anchor child element)" );
isSet( $("#foo").siblings("form, b").get(), q("form", "lengthtest", "testForm", "floatTest"), "Check for multiple filters" );
isSet( $("#en, #sndp").siblings().get(), q("sndp", "sap", "en"), "Check for unique results from siblings" );
});
test("children([String])", function() {
expect(3);
isSet( $("#foo").children().get(), q("sndp", "en", "sap"), "Check for children" );
isSet( $("#foo").children(":has(code)").get(), q("sndp", "sap"), "Check for filtered children" );
isSet( $("#foo").children("#en, #sap").get(), q("en", "sap"), "Check for multiple filters" );
});
test("parent([String])", function() {
expect(5);
equals( $("#groups").parent()[0].id, "ap", "Simple parent check" );
equals( $("#groups").parent("p")[0].id, "ap", "Filtered parent check" );
equals( $("#groups").parent("div").length, 0, "Filtered parent check, no match" );
equals( $("#groups").parent("div, p")[0].id, "ap", "Check for multiple filters" );
isSet( $("#en, #sndp").parent().get(), q("foo"), "Check for unique results from parent" );
});
test("parents([String])", function() {
expect(5);
equals( $("#groups").parents()[0].id, "ap", "Simple parents check" );
equals( $("#groups").parents("p")[0].id, "ap", "Filtered parents check" );
equals( $("#groups").parents("div")[0].id, "main", "Filtered parents check2" );
isSet( $("#groups").parents("p, div").get(), q("ap", "main"), "Check for multiple filters" );
isSet( $("#en, #sndp").parents().get(), q("foo", "main", "dl", "body", "html"), "Check for unique results from parents" );
});
test("next([String])", function() {
expect(4);
equals( $("#ap").next()[0].id, "foo", "Simple next check" );
equals( $("#ap").next("div")[0].id, "foo", "Filtered next check" );
equals( $("#ap").next("p").length, 0, "Filtered next check, no match" );
equals( $("#ap").next("div, p")[0].id, "foo", "Multiple filters" );
});
test("prev([String])", function() {
expect(4);
equals( $("#foo").prev()[0].id, "ap", "Simple prev check" );
equals( $("#foo").prev("p")[0].id, "ap", "Filtered prev check" );
equals( $("#foo").prev("div").length, 0, "Filtered prev check, no match" );
equals( $("#foo").prev("p, div")[0].id, "ap", "Multiple filters" );
});
test("show()", function() {
expect(15);
var pass = true, div = $("div");
div.show().each(function(){
if ( this.style.display == "none" ) pass = false;
});
ok( pass, "Show" );
$("#main").append('<div id="show-tests"><div><p><a href="#"></a></p><code></code><pre></pre><span></span></div><table><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr></tbody></table><ul><li></li></ul></div>');
var test = {
"div" : "block",
"p" : "block",
"a" : "inline",
"code" : "inline",
"pre" : "block",
"span" : "inline",
"table" : $.browser.msie ? "block" : "table",
"thead" : $.browser.msie ? "block" : "table-header-group",
"tbody" : $.browser.msie ? "block" : "table-row-group",
"tr" : $.browser.msie ? "block" : "table-row",
"th" : $.browser.msie ? "block" : "table-cell",
"td" : $.browser.msie ? "block" : "table-cell",
"ul" : "block",
"li" : $.browser.msie ? "block" : "list-item"
};
$.each(test, function(selector, expected) {
var elem = $(selector, "#show-tests").show();
equals( elem.css("display"), expected, "Show using correct display type for " + selector );
});
});
test("addClass(String)", function() {
expect(2);
var div = $("div");
div.addClass("test");
var pass = true;
for ( var i = 0; i < div.size(); i++ ) {
if ( div.get(i).className.indexOf("test") == -1 ) pass = false;
}
ok( pass, "Add Class" );
// using contents will get regular, text, and comment nodes
var j = $("#nonnodes").contents();
j.addClass("asdf");
ok( j.hasClass("asdf"), "Check node,textnode,comment for addClass" );
});
test("removeClass(String) - simple", function() {
expect(4);
var div = $("div").addClass("test").removeClass("test"),
pass = true;
for ( var i = 0; i < div.size(); i++ ) {
if ( div.get(i).className.indexOf("test") != -1 ) pass = false;
}
ok( pass, "Remove Class" );
reset();
var div = $("div").addClass("test").addClass("foo").addClass("bar");
div.removeClass("test").removeClass("bar").removeClass("foo");
var pass = true;
for ( var i = 0; i < div.size(); i++ ) {
if ( div.get(i).className.match(/test|bar|foo/) ) pass = false;
}
ok( pass, "Remove multiple classes" );
reset();
var div = $("div:eq(0)").addClass("test").removeClass("");
ok( div.is('.test'), "Empty string passed to removeClass" );
// using contents will get regular, text, and comment nodes
var j = $("#nonnodes").contents();
j.removeClass("asdf");
ok( !j.hasClass("asdf"), "Check node,textnode,comment for removeClass" );
});
test("toggleClass(String)", function() {
expect(3);
var e = $("#firstp");
ok( !e.is(".test"), "Assert class not present" );
e.toggleClass("test");
ok( e.is(".test"), "Assert class present" );
e.toggleClass("test");
ok( !e.is(".test"), "Assert class not present" );
});
test("removeAttr(String", function() {
expect(1);
equals( $('#mark').removeAttr("class")[0].className, "", "remove class" );
});
test("text(String)", function() {
expect(4);
equals( $("#foo").text("<div><b>Hello</b> cruel world!</div>")[0].innerHTML, "<div><b>Hello</b> cruel world!</div>", "Check escaped text" );
// using contents will get comments regular, text, and comment nodes
var j = $("#nonnodes").contents();
j.text("hi!");
equals( $(j[0]).text(), "hi!", "Check node,textnode,comment with text()" );
equals( j[1].nodeValue, " there ", "Check node,textnode,comment with text()" );
equals( j[2].nodeType, 8, "Check node,textnode,comment with text()" );
});
test("$.each(Object,Function)", function() {
expect(12);
$.each( [0,1,2], function(i, n){
equals( i, n, "Check array iteration" );
});
$.each( [5,6,7], function(i, n){
equals( i, n - 5, "Check array iteration" );
});
$.each( { name: "name", lang: "lang" }, function(i, n){
equals( i, n, "Check object iteration" );
});
var total = 0;
jQuery.each([1,2,3], function(i,v){ total += v; });
equals( total, 6, "Looping over an array" );
total = 0;
jQuery.each([1,2,3], function(i,v){ total += v; if ( i == 1 ) return false; });
equals( total, 3, "Looping over an array, with break" );
total = 0;
jQuery.each({"a":1,"b":2,"c":3}, function(i,v){ total += v; });
equals( total, 6, "Looping over an object" );
total = 0;
jQuery.each({"a":3,"b":3,"c":3}, function(i,v){ total += v; return false; });
equals( total, 3, "Looping over an object, with break" );
});
test("$.prop", function() {
expect(2);
var handle = function() { return this.id };
equals( $.prop($("#ap")[0], handle), "ap", "Check with Function argument" );
equals( $.prop($("#ap")[0], "value"), "value", "Check with value argument" );
});
test("$.className", function() {
expect(6);
var x = $("<p>Hi</p>")[0];
var c = $.className;
c.add(x, "hi");
equals( x.className, "hi", "Check single added class" );
c.add(x, "foo bar");
equals( x.className, "hi foo bar", "Check more added classes" );
c.remove(x);
equals( x.className, "", "Remove all classes" );
c.add(x, "hi foo bar");
c.remove(x, "foo");
equals( x.className, "hi bar", "Check removal of one class" );
ok( c.has(x, "hi"), "Check has1" );
ok( c.has(x, "bar"), "Check has2" );
});
test("$.data", function() {
expect(5);
var div = $("#foo")[0];
equals( jQuery.data(div, "test"), undefined, "Check for no data exists" );
jQuery.data(div, "test", "success");
equals( jQuery.data(div, "test"), "success", "Check for added data" );
jQuery.data(div, "test", "overwritten");
equals( jQuery.data(div, "test"), "overwritten", "Check for overwritten data" );
jQuery.data(div, "test", undefined);
equals( jQuery.data(div, "test"), "overwritten", "Check that data wasn't removed");
jQuery.data(div, "test", null);
ok( jQuery.data(div, "test") === null, "Check for null data");
});
test(".data()", function() {
expect(18);
var div = $("#foo");
equals( div.data("test"), undefined, "Check for no data exists" );
div.data("test", "success");
equals( div.data("test"), "success", "Check for added data" );
div.data("test", "overwritten");
equals( div.data("test"), "overwritten", "Check for overwritten data" );
div.data("test", undefined);
equals( div.data("test"), "overwritten", "Check that data wasn't removed");
div.data("test", null);
ok( div.data("test") === null, "Check for null data");
div.data("test", "overwritten");
var hits = {test:0}, gets = {test:0};
div
.bind("setData",function(e,key,value){ hits[key] += value; })
.bind("setData.foo",function(e,key,value){ hits[key] += value; })
.bind("getData",function(e,key){ gets[key] += 1; })
.bind("getData.foo",function(e,key){ gets[key] += 3; });
div.data("test.foo", 2);
equals( div.data("test"), "overwritten", "Check for original data" );
equals( div.data("test.foo"), 2, "Check for namespaced data" );
equals( div.data("test.bar"), "overwritten", "Check for unmatched namespace" );
equals( hits.test, 2, "Check triggered setter functions" );
equals( gets.test, 5, "Check triggered getter functions" );
hits.test = 0;
gets.test = 0;
div.data("test", 1);
equals( div.data("test"), 1, "Check for original data" );
equals( div.data("test.foo"), 2, "Check for namespaced data" );
equals( div.data("test.bar"), 1, "Check for unmatched namespace" );
equals( hits.test, 1, "Check triggered setter functions" );
equals( gets.test, 5, "Check triggered getter functions" );
hits.test = 0;
gets.test = 0;
div
.bind("getData",function(e,key){ return key + "root"; })
.bind("getData.foo",function(e,key){ return key + "foo"; });
equals( div.data("test"), "testroot", "Check for original data" );
equals( div.d
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -