jquery笔记(基础知识)
2015-09-28 12:23
651 查看
最近在学jquery,做点小笔记
语法:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p .test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
选择器:
$("*") 选取所有元素
$(this) 选取当前 HTML 元素
$("p.intro") 选取 class 为 intro 的 <p> 元素
$("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" 的 <input> 元素 和 <button> 元素
$("tr:even") 选取偶数位置的 <tr> 元素
$("tr:even") 选取偶数位置的 <tr> 元素
事件:
语法:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p .test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
选择器:
$("*") 选取所有元素
$(this) 选取当前 HTML 元素
$("p.intro") 选取 class 为 intro 的 <p> 元素
$("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" 的 <input> 元素 和 <button> 元素
$("tr:even") 选取偶数位置的 <tr> 元素
$("tr:even") 选取偶数位置的 <tr> 元素
事件:
click:点击事件 | keypress:计算在输入域中的按键次数 | submit:提交 | load:加载 例 子:$('#result').load('ajax/test.html #container');当这种方法执行, 它将检索 ajax/test.html 页面的内容,jQuery会获取ID为 container 元素的内容,并且插入到ID为 result 元素,而其他的被检索到的元素将被废弃。 |
dblclick:双击事件 | keydown:键盘点击 | change:改变 | resize:对浏览器窗口调整大小进行计数 |
mouseenter:鼠标经过 | keyup:键盘松开 | focus:焦点 | scroll:滚轮 |
mouseleave:鼠标离开 | blur:失去焦点 | unload:离开页面事件 |
相关文章推荐
- jquery.ajax 的例子
- Jquery 学习笔记一
- MVC笔记3:JQuery AutoComplete组件
- jquery multiselect 赋初始值
- 简单易懂的jquery版三级联动select
- 抽奖转盘的jquery实现
- 使用jQuery模拟鼠标点击a标签事件
- JQuery Ajax调用asp.net后台方法
- jquery中^是什么意思
- MVC笔记2:mvc+jquery.validate.js 进行前端验证
- jQuery、layer实现弹出层的打开、关闭
- jQuery源码分析之深入理解jQuery.data,jQuery._data以及data实例函数十八问
- jquery 输入框自动提示
- jquery js 传递对象 数组
- jquery 页面校验器的使用
- jquery validate异步验证时多参数传递
- jQuery实现长按按钮触发事件的方法
- jQueryEasyUI Messager基本使用
- struts2+jquery 实现ajax无刷新更新数据
- jQuery源码分析之proxy函数