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 参数是隐藏或显示完成后所执行的函数名称。- $(selector)选中的元素的个数为n个,则callback函数会执行n次;
- callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行;
- callback既可以是函数名,也可以是匿名函数;
- fadeln()
淡入 - fadeOut()
淡出 - fadeToggle()
淡出/淡入 - fadeTo()
必需的 speed 参数规定效果的时长。它可以取以下值:”slow”、”fast” 或毫秒。
fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。
可选的 callback 参数是该函数完成后所执行的函数名称。
隐藏触发后,下面的元素会代替原来元素的位置,淡出会保留原来的位置
- slidDown()
向下滑动 - slidUp()
向上滑动 - slidToggle()
向下/向上滑动 - animate()
动画 - stop()
停止动画
Dom操作
- text()
设置或返回所选元素的内文本内容 - html()
设置或返回所选元素的内容(包括html标记) - val()
设置或返回表单字段的值 - attribute()
获取属性值
阅读全文
0 0
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQUERY
- jquery
- jQuery
- jquery
- jquery
- Loj2059. 「TJOI / HEOI2016」字符串
- python合并多个csv文件
- proc文件系统创建实例二(引出 seq file 文件系统的创建过程,结构化信息显示)
- animation布局,style
- c++回文日期【NOIP2016普及组】解题报告
- JQuery
- 电影样题的数据清洗
- struts2的简单使用
- CSS3圆角
- Codeforces Round #439 (Div. 2)
- 线程同步之互斥锁(互斥量)
- 第四周项目 third---单链表应用
- 树的直径
- Mybatis中模糊查询的各种写法