JQery很强大,但是自己总是不自觉的用js。JQery就是一个js类库。
在js中不支持多播,这个怎么理解呢?就是按钮只能点击一次。而JQery可以有多个点击事件,js就会覆盖了,
已最后一个为标准。
JQery的取值方式可以是$("#ip").attr("value")。#代表id。
JQery的赋值方式可以是$("#ip").attr("value", "Hello Word"); //赋值#ip代表id其中value可以替换成其他比如src。
$(function () { //窗体加载!
$("input").click(function ()
{ this.value = "呜呜"; }
);
});为一个按钮绑定click事件
合成事件
hover(f1,f2)鼠标移入和移除,toggle(fn1,fn2) 当被click后会逐个执行
one(type,fn);表示注册的事件只能执行一项,然后失效。type代表类型
jq中对标签对比如<a></a>用text和html来获得值
$.each(itemtemp, function (index, contex) {
$('<option value="' + contex + '">' + contex + '</option>').appendTo(selectcity);
});
如果itemtemp是数组,则index是索引,context代表temtemp[index].
如果itemtemp是键值对,则index代表key,context代表itemtemp[key],其中itemtemp[key]还可以是一个数组
符号1,空格,表示取子元素,无论是几层元素,都会被选择到 $('body div')
符号2,>表示直接子元素,不包括后代子元素 $('body>div')
符号3,+表示之后紧邻的一个同级 $('#id+div')
符号4,波浪~,表示之后的所有同级元素 $('#id~div')
样式设置 $('#id').css('color','red');
链式编程就是不停的赋值,然后总是对第一个进行修改。打破后恢复用end().
jq中的对样式的操作
$('#btnShow').css({
'color': 'white',
'background-color': 'blue',
'font-size': '20px'
});
$('div:first');代表整个数组的第一个
$('div:last');代表整个数组的最后一个
$('div:eq(2)');代表第3个
$('div:gt(2)');代表大于2
$('div:lt(2)');代表小于2
$('div:not(#d11)');去掉id为d11的
$('div:even') 取数组为奇数的
$('div:odd')取数组为偶数的。
.preAll代表当前节点的所有前面,但是这样会破坏节点选中,所有可以end()方法续结。
sibilings().css代表前后的所有的兄弟节点
next(),指的下一个,prev(),指的上一个
andSelf()代表自己。