jquery基础4

原创 2012年03月23日 15:41:30

克隆节点:

   $("#ld").clone().appendTo("#user");

克隆id等于ld的元素克隆并追加到iduser的元素中

  $("#ld").clone().insertAfter("#abm");

 克隆id等于ld的元素克隆并追加到idabm的元素之后

包裹元素

   $("ul").wrp("<div></div>")   uldiv进行包裹

$("ul").wrap($("#aaa"))  ul用指定的div进行包裹(但是并不是原来的div进行包裹,而是在ul位置重新创建一个div)

属性attr

$("#id" ).attr('class') 根据id值获取元素的class

$('li') .attr('id')    取得第一个匹配元素的id属性值  (只获取第一个)

$("#id").attr("class","content") ;  设置divclass属性是content" 

$("#id").removeAttr("class")  根据id属性 移除divclass属性

Css样式操作

 assClass 为每个匹配的元素添加指定的类名 

 $("#id").assClass('样式名') id=id的元素添加样式(可先写好css,然后再直接赋予其class属性值) 

  

removeClass(class)从所有匹配的元素中删除全部或者指定的类。

$(".one").removeClass("one") 移除divclass属性,使其不能获取css

toggleClass(class) 如果存在(不存在)就删除(添加)一个类。

 $("tr:even").toggleClass("two");表格隔行变色效果(根据tr获取索引为偶数的行,如果不存在class="two"属性就添加,如果存在class="two"属性就删除)(如果有原来的class属性,添加时会覆盖,删除后又会重新使用原来的属性)

toggleClass( class, switch ) 如果开关switch参数为true则加上对应的class,否则就删除。

 

事件:

.click  -----点击事件

.focus  ---获取光标

.blur   ---失去光标

.dblclick ---双击事件

this.defaultValue------获取默认值

jQuery基础——事件篇

jQuery基础——事件篇鼠标事件click与dbclick事件click方法监听用户单击操作,dbclick监听用户双击操作,这两个方法类似。 dbclick与click事件不同的是:click事...
  • winfredzen
  • winfredzen
  • 2016年05月12日 16:11
  • 6432

15个基础的jQuery面试问题

15个基础的jQuery面试问题
  • xinyuan_java
  • xinyuan_java
  • 2015年10月31日 23:46
  • 612

JQuery第一章js 上机+课后

=============上机1 包含字母 sj1.html --> document.write("在以下字符中:"); va...
  • qq_36074043
  • qq_36074043
  • 2017年04月25日 13:14
  • 493

SAP S/4HANA 扫盲,常见问题FAQ下载

SAP 划时代的产品S/4HANA已经出来将近2年时间,这些日子你肯定被SAP全世界的广告狂轰滥炸过,跟着SAP混饭吃的从业者,你可能似懂非懂地知道这个新系统,但如果不理解这个软件概念,就称不上SAP...
  • wu21211721
  • wu21211721
  • 2016年12月27日 10:48
  • 1208

jQuery动画与特效--jQuery基础知识点(4)

jQuery中众多的动画与特效方法为提高页面的用户体验度带来了极大的方便! 1. 要使页面中的元素以动画效果移动,必须首先将该元素的"position"属性设置为"relative"或"absolu...
  • ligang2585116
  • ligang2585116
  • 2014年11月30日 18:48
  • 692

jQuery基础笔记

搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行。 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。在网...
  • AinSnow
  • AinSnow
  • 2015年01月22日 17:35
  • 1168

JQuery基础入门

jQuery是一个快速、简单的JavaScript library, 它简化了HTML 文件的traversing,事件处理、动画、Ajax 互动,从而方便了网页制作的快速发展。...
  • u010164936
  • u010164936
  • 2015年02月13日 21:06
  • 727

jquery基础语法

 基本语法: $(“HTML元素”).action() 实例: $(this).hide(); 隐藏当前元素 $(“p”).hide(); 隐藏所有段落 $(“p.test”).h...
  • xiangziyong1989
  • xiangziyong1989
  • 2016年06月26日 14:48
  • 101

SQL第九章数据查询基础上机题1-4

//查询学生相关基本信息 SELECT * FROM Student WHERE GradeId=1 SELECT StudentName,Phone FROM Student WHERE Gra...
  • qq_36074113
  • qq_36074113
  • 2016年11月22日 17:18
  • 376

前端基础进阶(十一):详细图解jQuery对象,以及如何扩展jQuery插件

配图与本文无关 早几年学习前端,大家都非常热衷于研究jQuery源码。我还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,“原来JavaScript居然可以这...
  • Fuohua
  • Fuohua
  • 2017年04月28日 17:05
  • 232
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery基础4
举报原因:
原因补充:

(最多只允许输入30个字)