JQuery

来源:互联网 发布:les聊天软件 编辑:程序博客网 时间:2024/06/16 02:28

基础语法
$(selector).action

选择器

元素选择器

在页面选取所有<p>元素
$("p")

id选择器

通过id选取元素
$("#idididid")

.class选择器`

$(".test")

more

  • “”
    选取所有元素
  • $(“*”)
    选取所有元素
  • $(this)
    选取当前 HTML 元素
  • $(“p.intro”)
    选取 class 为 intro 的

    元素

  • $(“p:first”)
    选取第一个 <p> 元素
  • $(“ul li:first”)
    选取第一个 <ul> 元素的第一个 <li> 元素
  • $(“ul li:first-child”)
    选取每个 <ul> 元素的第一个 <li> 元素
  • $(“[href]”)
    选取带有 href 属性的元素
  • $(“a[target=’_blank’]”)
    选取所有 target 属性值等于 “_blank” 的 <a> 元素
  • $(“a[target!=’_blank’]”)
    选取所有 target 属性值不等于 “_blank” 的 <a> 元素
  • $(“:button”)
    选取所有 type=”button” 的 元素 和 元素
  • $(“tr:even”)
    选取偶数位置的 元素
  • $(“tr:odd”)
    选取奇数位置的 元素

事件

  • ${document).ready()
    在页面加载完执行函数
  • click()
    在鼠标点击时调用函数
  • dbclick()
    鼠标双击
  • mouseenter()
    鼠标穿过元素
  • mouseleave()
    鼠标离开元素
  • mousedown()
    鼠标按下按键
  • mouseup()
    鼠标松开按键
  • hover()
    鼠标移动到元素上触发第一个函数,离开时触发第二个函数
  • focus()
    元素获得焦点是触发
  • blur()
    元素失去焦点时触发

效果

  • hide()
    隐藏
  • show()
    显示
  • toggle(speed,callback)
    隐藏/显示
    可选的speed参数可以取毫秒,”fast”,”slow”,
    可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
    1. $(selector)选中的元素的个数为n个,则callback函数会执行n次;
    2. callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行;
    3. callback既可以是函数名,也可以是匿名函数;
  • fadeln()
    淡入
  • fadeOut()
    淡出
  • fadeToggle()
    淡出/淡入
  • fadeTo()
    必需的 speed 参数规定效果的时长。它可以取以下值:”slow”、”fast” 或毫秒。
    fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。
    可选的 callback 参数是该函数完成后所执行的函数名称。

隐藏触发后,下面的元素会代替原来元素的位置,淡出会保留原来的位置

  • slidDown()
    向下滑动
  • slidUp()
    向上滑动
  • slidToggle()
    向下/向上滑动
  • animate()
    动画
  • stop()
    停止动画

Dom操作

  • text()
    设置或返回所选元素的内文本内容
  • html()
    设置或返回所选元素的内容(包括html标记)
  • val()
    设置或返回表单字段的值
  • attribute()
    获取属性值
原创粉丝点击