jQuery

  1. jQuery 如何获取元素
        $(document) //选择整个文档对象
        $('#myId') //选择ID为myId的网页元素
        $('div.myClass') // 选择class为myClass的div元素
        $('input[name=first]') // 选择name属性等于first的input元素
  1. jQuery 的链式操作是怎样的
  $('div').find('h3').eq(2).html('Hello');
------------------------------------------------------------
       分解开来,就是下面这样:
     $('div') //找到div元素
   .find('h3') //选择其中的h3元素
   .eq(2) //选择第3个h3元素
   .html('Hello'); //将它的内容改为Hello
  1. jQuery 如何创建元素
  $('

Hello

');   $('
  • new list item
  • ');   $('ul').append('
  • list item
  • ');
    1. jQuery 如何移动元素
    第一种方法是使用.insertAfter(),把div元素移动p元素后面:
     $('div').insertAfter($('p'));
    第二种方法是使用.after(),把p元素加到div元素前面:
     $('p').after($('div'));
    表面上看,这两种方法的效果是一样的,唯一的不同似乎只是操作视角的不同。
    但是实际上,它们有一个重大差别,那就是返回的元素不一样。
    第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,
    选择到底使用哪一种方法。
    --------------------------------------------------------------------------------------------------------------------------
    使用这种模式的操作方法,一共有四对:
    .insertAfter()和.after():在现存元素的外部,从后面插入元素
    .insertBefore()和.before():在现存元素的外部,从前面插入元素
    .appendTo()和.append():在现存元素的内部,从后面插入元素
    .prependTo()和.prepend():在现存元素的内部,从前面插入元素
    
    1. jQuery 如何修改元素的属性
    操作网页元素,最常见的需求是取得它们的值,或者对它们进行赋值。
    jQuery设计思想之四,就是使用同一个函数,来完成取值(getter)和赋值(setter),
    即"取值器"与"赋值器"合一。到底是取值还是赋值,由函数的参数决定。
    $('h1').html(); //html()没有参数,表示取出h1的值 
    $('h1').html('Hello'); //html()有参数Hello,表示对h1进行赋值
    常见的取值和赋值函数如下:
    .html() 取出或设置html内容
    .text() 取出或设置text内容
    .attr()取出或设置某个属性的值
    .width()取出或设置某个元素的宽度
    .height()取出或设置某个元素的高度
    .val()取出某个表单元素的值
    需要注意的是,如果结果集包含多个元素,那么赋值的时候,将对其中所有的元素赋值;
    取值的时候,则是只取出第一个元素的值.text()例外,它取出所有元素的text内容)。
    

    你可能感兴趣的:(jQuery)