码迷,mamicode.com
首页 > Web开发 > 详细

jquery

时间:2015-11-08 23:58:39      阅读:343      评论:0      收藏:0      [点我收藏+]

标签:

1.引入jquery

  <script language="javascript" type="text/javascript"  src="1.9.0/jquery.js"></script>

2.选择器:

  $("p");//标签名选择器;

  $(‘.box‘);//class选择器

  $(‘div*‘);//*选择器,选取页面中的全部元素;

    使用$(‘div*‘)可以获取div中的所有子元素;慎用,有些浏览器会比较缓慢;

  $(‘#id,.class‘);//多个选择器,之间用逗号分开;

  $(‘div span‘);//ance desc选择器;父子元素选择器;

  $(‘parent>child‘);//子元素选择器;

  $(‘prev+next‘);//相邻兄弟选择器;选择的是prev的下一个兄弟元素next元素,只返回一个唯一的一个元素

  $(‘prev~siblings‘);//选择prev后的所有相邻的元素;$(‘p~span‘):选择出p元素后的所有同级的span元素;

  $(‘li:first‘);//选择出集合元素中某一位置的单个元素;      $(‘li:last‘)

  $(‘li:eq(index)‘);//可以选择出任意一个元素,index表示索引号;$(‘li:eq(3)‘).css(‘color‘,‘#f48‘);

  $(‘li:contains(‘jqurey‘)‘);//可以通过元素内容来选择,如果元素的内容包括jquery,则选择出来;

  $(‘li:has(selector)‘);//通过选择元素内是否包含selector元素,选择出包含selector标签的元素;$(‘li:has("a")‘)

  $(‘li:hidden‘);//:hidden可以获取所有的看不见 的元素,

  $(‘li:visible‘);//选择所有可见的元素;

  $(‘li[attribute=value]‘);//选择属性名和属性值完全相同的元素;

  $(‘li[attribute!=value]‘);//获取属性名或属性值不相同的元素;

  $(‘li[attribute*=value]‘);//获取属性包含value值的所有元素;

 

  表单选择器:

    通过表单选择器可以选择出表单内的全部所需的标签,

3.对象方法:

  attr:通过元素的属性名称来获取元素属性名的值;

    $(‘box‘).attr(‘class‘);//即可获取到元素的class名;

  .html()方法和text()方法可以设置和获取元素的内容,如果方法中包含参数,则将参数设置为元素的内容;

    html()方法可以获取元素的html内容,text()值获取元素中的文本内容,并不包含html格式代码。

  addCalss()和css()方法可以方便操作元素中的样式,addClass()中的参数为增加的元素样式的名称;css()直接将样式的属性内容写在括号中。

    css()方法可以直接在参数中写入json来添加多个css属性,{"background-color":"red","color":"#fff"};

  removeAttr(name)和removeClass(class)可以分别移除元素的属性和样式的功能;前者参数为移除的属性名,后者参数为移除的样式名;

  append(content)方法可以向制定的元素添加内容,添加子元素;

    append()方法内可以添加函数,可以添加任何东西;

  appendTo()是将元素添加到指定的参数内,参数为标签;

  .html():

    获取元素内的所有内容;

  before()和after()方法分别可以在元素的前后添加指定的内容;$(‘.box‘).before($html);

  clone()方法可以复制一个被选中的元素

  replaceWith(content)和replaceAll(selector)方法可以用于替换元素中的内容,当他们调用时,内容和被替换元素所在的位置不同;

  wrap()和wrapInner()方法都可以进行元素包裹,前者用于包裹元素本身,后者用于包裹元素中的内容;

 

 

 

4.元素属性及值

  disabled:true;//将元素设置为不可用;

jquery

标签:

原文地址:http://www.cnblogs.com/dsheldon/p/4948590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!