jquery笔记(基础知识)
最近在学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> 元素
事件:
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:离开页面事件 |