jquery 学习最后一天

Core:

1. $(document).ready()是在“--DOM载入就绪---”可以查询及操纵时绑定一个要执行的函数
    当  $(document).ready() 与 body的onload()同时存在,优先执行 $(document).ready()
    同一个页面中无限次地使用$(document).ready()事件 ,注册的函数会按照(代码中的)先后顺序依次执行
   
   2.定位元素的规则 $('...'),1个参数 和2 个参数。
   标记 属性id 对应 # class 对应 ‘.’
   如果第一个元素带有 # 或 . ,后面的元素与前一个元素之间必须有空格或者 ‘>’
  
   如果第一个元素与后面元素的类型相同,2元素之间可以 有无空格,或者用‘>’
   如果不同,2元素之间必须 有空格 或者用‘>’
  
   特殊情况,$('body div') 只能用空格,不管body 后面是什么形式的元素。
   input type=类型 使用  $('input:radio') 或者直接定位元素
   $('p','div') 带2 个参数。$('p#p1','div') 发挥你的想象力,完全可以扩展。
  
   3.隐藏页面所有的元素 $('body').hide("slow");
   $(form1..) 属性错误
  
   4.each 遍历元素
   $("img").each(function(i){ this.src = "test" + i + ".jpg"; });
   this 指向当前对象
  
   5.get()这些方法都要明确返回值。返回一个DOM 数组,我们可以用 length 知道他的长度
  
   6.index 返回元素的索引值。   没有测试成功,总是返回 -1
  
   7.length 元素的数量
  
   8.size() 当前匹配的元素数量,一个有括号,一个没有括号
  
CSS:
  1.css 规则
  用途,设置元素的 单,多个样式属性值,、根据属性名称,得到元素的属性值,
  单个设置的时候,属性和值,用‘,’隔开
  多个属性的时候,首先用大括号包起来,然后属性与属性之间用‘,’ ,属性与值之间用 ‘:’
   
  height,width 分别设置 ,获取元素的高度与宽度
 
DOM:
---属性
    addClass removerClass  添加删除元素的类名
    attr 规则和 css 一样,范围比 css 大,removeAttr 删除属性
    html 设置,获取元素的内容,如果内容是标记,并且会显示标记
    text 设置,获取元素的文本,如果内容是标记,不会显示标记
    val 设置,获取元素的值 ,针对像文本框那样的控件
    toggleClass 交替添加删除一个类

---添加元素

    after  每一个元素内容之后 插入
    insertAfter  每一个元素内容之后 插入

    before 每一个元素内容之前 插入
    insertBefore   每一个元素内容之前 插入

    append ,appendTo 每一个元素 ’内部‘ 插入到最后面
    prepend  prependTo  每一个元素 ‘内部’插入到最前面

    wrap 一个元素包括另外一个元素,本质上和  append 相同

    empty 删除元素,留下最外层的标记
    remover 删除元素 包括标记

    clone 复制新的元素

---筛选数据
     add 把一个元素添加到另外一个元素,与上面不同的是,这个相当于赋值添加,上面的可以看作是移动添加
     尽量 少用
     children 元素的子元素
     parenet 元素的父元素
    
     contains 筛选指定的文本 ,包括文本的标记,留下条件那一部分
     not 删除 符合条件的 
     filter  功能和 contains一样,只不过一个是 筛选,一个是移除。
    
     find 找到元素
     is 判断元素是某种类型
    
     next,pri 分别向下,向上移动元素,如果 p后面有p,把p 取来,如果p 后面有span 把span 取出来,
     可以通过指定条件的方式取出来。
     siblings 取出所有的元素
         
     end() 结束一个方法,并返回到最外层
 
Event:
  规则 ,1.执行已绑定好的函数 用 EvengName() 2.动态执行函数 EvengName(function(){})
 
  特殊,3.one只执行一次 $('#PP').one("click",function(){alert('ffff')});
 4.toggle 交替执行函数 $('#PP').toggle(function(){alert('111111')},function(){alert('2222222222')});
 5.trigger 执行已经定义好的事件 $('#P2').trigger('click'); ----5包括1
 
 反绑定的作用,如果动态绑定一个事件之后,这个事件会一直存在.
 
Effects:透明度的范围 0--1

 animate 创建自定义动画的函数,控制最终显示的 高度,透明度,速度,回调函数--可以保留一定的高度
 
 fadeIn ,fadeOut 指定速度和回调函数 ----------通过透明度
 fadeTo      指定速度和透明度,回调函数
 
 hide  show   指定速度和回调函数 ----消失方式,上下,左右同时进行 。
 
 slideDown   --------通过高度变化的形式,回调函数
 slideUp,slideToggle
 
 toggle 交替元素的可见状态
 
 
 Javascript:
 $.browser 判断浏览器
 $.each(obj, fn)  迭代任意数组函数
 $.grep 筛选数组
 $.map  复制数组
 $.merge 合并数组,删除重复的项
 $.trim  删除字符串2端的空白
 

posted on 2007-12-05 20:19 top15from_old1 阅读(...) 评论(...) 编辑 收藏

导航

公告

随州简爱保罗定制衣柜专卖店为您准备了全套家装所需的定制家具,用工厂直销的价格和衣柜行业领导品牌的实力恭候您的光临。 随州市清河路清河丽景大门右侧18307228966 0722-3594778