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

推荐:50个加强表单的jQuery插件

转载:The Essential List of JavaScript, jQuery, HTML & CSS Books to Make You a Better Web Developer

转载:50有用的JavaScript和jQuery技术和插件

转载:JQuery学习参考

jQuery - 列表控件推荐

推荐:你可能需要的在线电子书 

我的新浪围脖: http://t.sina.com.cn/openexpressapp

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


posted on 2011-03-17 00:04  周 金根  阅读(4371)  评论(6编辑  收藏  举报

导航