📄 core.js
字号:
equals($div.height(), 30, "Test border specified with ems");
$div.css("padding", "2%");
equals($div.height(), 30, "Test padding specified with percent");
$div.hide();
equals($div.height(), 30, "Test hidden div");
$div.css({ display: "", border: "", padding: "", height: "1px" });
});
test("text()", function() {
expect(1);
var expected = "This link has class=\"blog\": Simon Willison's Weblog";
equals( $('#sap').text(), expected, 'Check for merged text of more then one element.' );
});
test("wrap(String|Element)", function() {
expect(8);
var defaultText = 'Try them out:'
var result = $('#first').wrap('<div class="red"><span></span></div>').text();
equals( defaultText, result, 'Check for wrapping of on-the-fly html' );
ok( $('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
reset();
var defaultText = 'Try them out:'
var result = $('#first').wrap(document.getElementById('empty')).parent();
ok( result.is('ol'), 'Check for element wrapping' );
equals( result.text(), defaultText, 'Check for element wrapping' );
reset();
$('#check1').click(function() {
var checkbox = this;
ok( checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
$(checkbox).wrap( '<div id="c1" style="display:none;"></div>' );
ok( checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
}).click();
// using contents will get comments regular, text, and comment nodes
var j = $("#nonnodes").contents();
j.wrap("<i></i>");
equals( $("#nonnodes > i").length, 3, "Check node,textnode,comment wraps ok" );
equals( $("#nonnodes > i").text(), j.text() + j[1].nodeValue, "Check node,textnode,comment wraps doesn't hurt text" );
});
test("wrapAll(String|Element)", function() {
expect(8);
var prev = $("#first")[0].previousSibling;
var p = $("#first")[0].parentNode;
var result = $('#first,#firstp').wrapAll('<div class="red"><div id="tmp"></div></div>');
equals( result.parent().length, 1, 'Check for wrapping of on-the-fly html' );
ok( $('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
ok( $('#firstp').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
equals( $("#first").parent().parent()[0].previousSibling, prev, "Correct Previous Sibling" );
equals( $("#first").parent().parent()[0].parentNode, p, "Correct Parent" );
reset();
var prev = $("#first")[0].previousSibling;
var p = $("#first")[0].parentNode;
var result = $('#first,#firstp').wrapAll(document.getElementById('empty'));
equals( $("#first").parent()[0], $("#firstp").parent()[0], "Same Parent" );
equals( $("#first").parent()[0].previousSibling, prev, "Correct Previous Sibling" );
equals( $("#first").parent()[0].parentNode, p, "Correct Parent" );
});
test("wrapInner(String|Element)", function() {
expect(6);
var num = $("#first").children().length;
var result = $('#first').wrapInner('<div class="red"><div id="tmp"></div></div>');
equals( $("#first").children().length, 1, "Only one child" );
ok( $("#first").children().is(".red"), "Verify Right Element" );
equals( $("#first").children().children().children().length, num, "Verify Elements Intact" );
reset();
var num = $("#first").children().length;
var result = $('#first').wrapInner(document.getElementById('empty'));
equals( $("#first").children().length, 1, "Only one child" );
ok( $("#first").children().is("#empty"), "Verify Right Element" );
equals( $("#first").children().children().length, num, "Verify Elements Intact" );
});
test("append(String|Element|Array<Element>|jQuery)", function() {
expect(21);
var defaultText = 'Try them out:'
var result = $('#first').append('<b>buga</b>');
equals( result.text(), defaultText + 'buga', 'Check if text appending works' );
equals( $('#select3').append('<option value="appendTest">Append Test</option>').find('option:last-child').attr('value'), 'appendTest', 'Appending html options to select element');
reset();
var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:";
$('#sap').append(document.getElementById('first'));
equals( expected, $('#sap').text(), "Check for appending of element" );
reset();
expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
$('#sap').append([document.getElementById('first'), document.getElementById('yahoo')]);
equals( expected, $('#sap').text(), "Check for appending of array of elements" );
reset();
expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
$('#sap').append($("#first, #yahoo"));
equals( expected, $('#sap').text(), "Check for appending of jQuery object" );
reset();
$("#sap").append( 5 );
ok( $("#sap")[0].innerHTML.match( /5$/ ), "Check for appending a number" );
reset();
$("#sap").append( " text with spaces " );
ok( $("#sap")[0].innerHTML.match(/ text with spaces $/), "Check for appending text with spaces" );
reset();
ok( $("#sap").append([]), "Check for appending an empty array." );
ok( $("#sap").append(""), "Check for appending an empty string." );
ok( $("#sap").append(document.getElementsByTagName("foo")), "Check for appending an empty nodelist." );
reset();
$("#sap").append(document.getElementById('form'));
equals( $("#sap>form").size(), 1, "Check for appending a form" ); // Bug #910
reset();
var pass = true;
try {
$( $("#iframe")[0].contentWindow.document.body ).append("<div>test</div>");
} catch(e) {
pass = false;
}
ok( pass, "Test for appending a DOM node to the contents of an IFrame" );
reset();
$('<fieldset/>').appendTo('#form').append('<legend id="legend">test</legend>');
t( 'Append legend', '#legend', ['legend'] );
reset();
$('#select1').append('<OPTION>Test</OPTION>');
equals( $('#select1 option:last').text(), "Test", "Appending <OPTION> (all caps)" );
$('#table').append('<colgroup></colgroup>');
ok( $('#table colgroup').length, "Append colgroup" );
$('#table colgroup').append('<col/>');
ok( $('#table colgroup col').length, "Append col" );
reset();
$('#table').append('<caption></caption>');
ok( $('#table caption').length, "Append caption" );
reset();
$('form:last')
.append('<select id="appendSelect1"></select>')
.append('<select id="appendSelect2"><option>Test</option></select>');
t( "Append Select", "#appendSelect1, #appendSelect2", ["appendSelect1", "appendSelect2"] );
// using contents will get comments regular, text, and comment nodes
var j = $("#nonnodes").contents();
var d = $("<div/>").appendTo("#nonnodes").append(j);
equals( $("#nonnodes").length, 1, "Check node,textnode,comment append moved leaving just the div" );
ok( d.contents().length >= 2, "Check node,textnode,comment append works" );
d.contents().appendTo("#nonnodes");
d.remove();
ok( $("#nonnodes").contents().length >= 2, "Check node,textnode,comment append cleanup worked" );
});
test("appendTo(String|Element|Array<Element>|jQuery)", function() {
expect(6);
var defaultText = 'Try them out:'
$('<b>buga</b>').appendTo('#first');
equals( $("#first").text(), defaultText + 'buga', 'Check if text appending works' );
equals( $('<option value="appendTest">Append Test</option>').appendTo('#select3').parent().find('option:last-child').attr('value'), 'appendTest', 'Appending html options to select element');
reset();
var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:";
$(document.getElementById('first')).appendTo('#sap');
equals( expected, $('#sap').text(), "Check for appending of element" );
reset();
expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
$([document.getElementById('first'), document.getElementById('yahoo')]).appendTo('#sap');
equals( expected, $('#sap').text(), "Check for appending of array of elements" );
reset();
expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
$("#first, #yahoo").appendTo('#sap');
equals( expected, $('#sap').text(), "Check for appending of jQuery object" );
reset();
$('#select1').appendTo('#foo');
t( 'Append select', '#foo select', ['select1'] );
});
test("prepend(String|Element|Array<Element>|jQuery)", function() {
expect(5);
var defaultText = 'Try them out:'
var result = $('#first').prepend('<b>buga</b>');
equals( result.text(), 'buga' + defaultText, 'Check if text prepending works' );
equals( $('#select3').prepend('<option value="prependTest">Prepend Test</option>').find('option:first-child').attr('value'), 'prependTest', 'Prepending html options to select element');
reset();
var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog";
$('#sap').prepend(document.getElementById('first'));
equals( expected, $('#sap').text(), "Check for prepending of element" );
reset();
expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
$('#sap').prepend([document.getElementById('first'), document.getElementById('yahoo')]);
equals( expected, $('#sap').text(), "Check for prepending of array of elements" );
reset();
expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
$('#sap').prepend($("#first, #yahoo"));
equals( expected, $('#sap').text(), "Check for prepending of jQuery object" );
});
test("prependTo(String|Element|Array<Element>|jQuery)", function() {
expect(6);
var defaultText = 'Try them out:'
$('<b>buga</b>').prependTo('#first');
equals( $('#first').text(), 'buga' + defaultText, 'Check if text prepending works' );
equals( $('<option value="prependTest">Prepend Test</option>').prependTo('#select3').parent().find('option:first-child').attr('value'), 'prependTest', 'Prepending html options to select element');
reset();
var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog";
$(document.getElementById('first')).prependTo('#sap');
equals( expected, $('#sap').text(), "Check for prepending of element" );
reset();
expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
$([document.getElementById('yahoo'), document.getElementById('first')]).prependTo('#sap');
equals( expected, $('#sap').text(), "Check for prepending of array of elements" );
reset();
expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
$("#yahoo, #first").prependTo('#sap');
equals( expected, $('#sap').text(), "Check for prepending of jQuery object" );
reset();
$('<select id="prependSelect1"></select>').prependTo('form:last');
$('<select id="prependSelect2"><option>Test</option></select>').prependTo('form:last');
t( "Prepend Select", "#prependSelect1, #prependSelect2", ["prependSelect1", "prependSelect2"] );
});
test("before(String|Element|Array<Element>|jQuery)", function() {
expect(4);
var expected = 'This is a normal link: bugaYahoo';
$('#yahoo').before('<b>buga</b>');
equals( expected, $('#en').text(), 'Insert String before' );
reset();
expected = "This is a normal link: Try them out:Yahoo";
$('#yahoo').before(document.getElementById('first'));
equals( expected, $('#en').text(), "Insert element before" );
reset();
expected = "This is a normal link: Try them out:diveintomarkYahoo";
$('#yahoo').before([document.getElementById('first'), document.getElementById('mark')]);
equals( expected, $('#en').text(), "Insert array of elements before" );
reset();
expected = "This is a normal link: Try them out:diveintomarkYahoo";
$('#yahoo').before($("#first, #mark"));
equals( expected, $('#en').text(), "Insert jQuery before" );
});
test("insertBefore(String|Element|Array<Element>|jQuery)", function() {
expect(4);
var expected = 'This is a normal link: bugaYahoo';
$('<b>buga</b>').insertBefore('#yahoo');
equals( expected, $('#en').text(), 'Insert String before' );
reset();
expected = "This is a normal link: Try them out:Yahoo";
$(document.getElementById('first')).insertBefore('#yahoo');
equals( expected, $('#en').text(), "Insert element before" );
reset();
expected = "This is a normal link: Try them out:diveintomarkYahoo";
$([document.getElementById('first'), document.getElementById('mark')]).insertBefore('#yahoo');
equals( expected, $('#en').text(), "Insert array of elements before" );
reset();
expected = "This is a normal link: Try them out:diveintomarkYahoo";
$("#first, #mark").insertBefore('#yahoo');
equals( expected, $('#en').text(), "Insert jQuery before" );
});
test("after(String|Element|Array<Element>|jQuery)", function() {
expect(4);
var expected = 'This is a normal link: Yahoobuga';
$('#yahoo').after('<b>buga</b>');
equals( expected, $('#en').text(), 'Insert String after' );
reset();
expected = "This is a normal link: YahooTry them out:";
$('#yahoo').after(document.getElementById('first'));
equals( expected, $('#en').text(), "Insert element after" );
reset();
expected = "This is a normal link: YahooTry them out:diveintomark";
$('#yahoo').after([document.getElementById('first'), document.getElementById('mark')]);
equals( expected, $('#en').text(), "Insert array of elements after" );
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -