JQuery学习参考

今年准备给OEA支持B/S，所以学一下JQuery，如果你不是像我一个是一个新手的话，那么你可以直接略过本篇。

$('h1').html('hello world');
$('h1').css({ 'fontSize': '100px', 'color': 'red'}); // setting multiple properties
$('h1').height('50px'); // sets the height of all H1 elements
$('h1').height(); // gets the height of the first H1
$('a').attr({
'title' : 'all titles are the same too!',
'href' : 'somethingNew.html'
});
$('h1').next('p');
$('div:visible').parent();
$('input[name=first_name]').closest('form');
$('#myList').children();
$('li.selected').siblings();
$('#myList li:first').clone().appendTo('#myList');
var $myNewElement = $('<p>New element</p>');
$myNewElement.appendTo('#content');
$('h1').remove();
$('#myDiv').data('keyName', { foo : 'bar' });
$('#myDiv').data('keyName'); // { foo : 'bar' }
$('p').click(function() {
　　 console.log('click');
});
$('p').bind('click', function() {
　　 console.log('click');
});
$('p').unbind('click');
$('h1').show();
$('h1').fadeOut('slow'); // using a built-in speed definition
$('h1').fadeIn(300); // fade in over 300ms

欢迎转载，转载请注明：转载自周金根 [ http://zhoujg.cnblogs.com/ ]