作业帮 > Javascript > 教育资讯

JavaScript教程：JQuery简要介绍-新手必读

来源：学生作业帮助网 编辑：作业帮 时间：2024/05/10 07:19:54 Javascript
JavaScript教程：JQuery简要介绍-新手必读
JavaScript教程：JQuery简要介绍-新手必读Javascript
【无忧考网-JavaScript教程：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 = $('

    New element

    ');
    $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
Javascript