jquery笔记(基础知识)

时间:2023-03-08 22:28:23

最近在学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:离开页面事件