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 如何创建元素
  $('<p>Hello</p>');
  $('<li class="new">new list item</li>');
  $('ul').append('<li>list item</li>');
  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内容)。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。