jQuery事件及文档处理

来源：互联网发布：dpp软件编辑：程序博客网时间：2024/06/01 09:32

jQuery 属性：
attr(name|properties|key,value|fn)：设置或返回被选元素的属性值。
能获取就能设置（设置的必须是对象）
获取：$("img").attr("src");
设置$("img").attr("src","test.jpg");
removeAttr(name)：从每一个匹配的元素中删除一个属性
jQuery 操作css
$("p").css("color"); //p为获取的对象，color为该对象的属性

$("#div11").height()+" "+$("#div11").width()获取元素当前计算的高度值（px）、宽度（px）。

selected（默认）
checked（默认）
readonly（只读）
disabled（不可选）
noresize（大小不可改变）

事件：
加载页面：function($) 必须写
$(function($) {
// 你可以在这里继续使用$作为别名...
});
使用 $(document).ready() 的简写，同时内部的 jQuery 代码依然使用 $ 作为别名，而不管全局的 $ 为何。
$(function(imgchange) {
imgchange("#img").click( function () {imgchange(this).att("src","#.jpg");});
});
ready函数不应与<body onload="">一起使用

click([[data],fn])页面加载时才执行
$("#img").click( function () {alert() });

select([[data],fn])

回车事件：
$("#pass").keypress(function(event){

switch(event.keyCode) {
case 13:
$(".jget").click(checkget());
break;
// 常用keyCode：空格 32 Enter 13 ESC 27
}
});
文档处理：
append(content|fn)：向每个匹配的元素内部追加内容。
appendTo(content)：把所有匹配的元素追加到另一个指定的元素元素集合中。14:43 2017/7/17
after：在每个匹配的元素之后插入内容。

show([speed,[easing],[fn]]);显示隐藏的匹配元素。speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"
fn:在动画完成时执行的函数，每个元素执行一次。
hide([speed,[easing],[fn]]):隐藏显示的元素speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"
fn:在动画完成时执行的函数，每个元素执行一次。

选择器：
:first 获取第一个元素 $('li:first');
:not(selector)去除所有与给定选择器匹配的元素 $("input:not(:checked)")
:eq(index) 匹配一个给定索引值的元素 $("tr:eq(1)")
:gt(index) 匹配所有大于给定索引值的元素
[attribute] 匹配包含给定属性的元素。

筛选

children([expr])

阅读全文

0 0