(
f
u
n
c
t
i
o
n
(
(function(
(function(){}); 简写的 jquery 页面加载事件
$("*").css(“border”, “2px solid #00ff21”);更该目标 css样式
$(“li”).css({ “font-size”: 24, “background”: “#900” });//同时设置字体大小和背景色
对象的转换
var $div = $(‘div’) //jQuery对象
var div =
d
i
v
[
0
]
=
=
div[0] ==
div[0]==div.get(0)//转化成DOM对象
trim()
$("#匹配的元素“). append (“要添加的内容”) append:向匹配的元素添加内容
$(“
你好啊!
”) . appendTo (“匹配的元素”);添加一个p标签且添加文字 你好啊!把内容追加到匹配的元素中 追加就是在元素后面添加
添加的内容可以为任何:添加一张图片 并且设置宽高为200px
( f u n c t i o n ( (function ( (function() {
$(“div”).append(“ 你好?!”);
$(" ").appendTo(“div”);
});
Jquery 鼠标事件书写格式
$(“button:eq(0)”).click(function () {
alert(“jQuery鼠标事件之click单击事件”);
});
:eq() 同 :nth() 用下标在集合中锁定元素
两种写法
- (“button:eq(0)”);
(”button”).eq(0);
dblclick双击事件
mouseover移入
mouseout移出
mousedown 鼠标指针移动到元素上方,并按下鼠标按键时,会发生事件。
blur()元素失去焦点发生的事件
focus() 当元素获得焦点时,触发事件。
$(this).addClass(“setBorder”); 个当前元素添加一个 值为setBorder 的类名addClass:添加一个类名
removeClass 删除一个类名 属性方法同上
"); }); //创建对象(json格式) var person = { "?": "", "age": "23", "sex": "女" }; $.each(person, function (property(属性命名), value(值命名)) { document.write("json格式属性名=" + property + "; json格式属性值=" + value + "
"); }); inArray()查找指定内容在数组中的索引没有返回则 -1 var num = $.inArray(3, inArr(集合名));返回3所在集合中的索引 jQuery.inArray( value(指定内容值), array(要查找的数组名) ,[ fromIndex(查找的起始值)] ) index方法获取jQuery中DOM的元素 index(可以是对象,数组,元素, 空)空:返回这个元素在同辈中的索引位置。 $('#bar').index('li'); //传递一个选择器,返回#bar在所有li中的索引位置 $('li').index($('li:eq(0)'));传递一组对象,返回对象中第一个元素在原先集合中的索引位置 var returns = $('li:gt(1)').index();gt:匹配大于所给索引值的元素