JQ 笔记

jq中:
jquery each下循环出的内容如何相加
var sum = 0;
$('.xxx').each(function(){
    sum += $(this).val()
})
alert(sum);






.which 属性指示按了哪个键或按钮。
显示按了哪个键：如下
$("input").keydown(function(event){
  $("div").html("Key: " + event.which);
});



.keyup
完整的 key press 过程分为两个部分，按键被按下，然后按键被松开并复位。
当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。
keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。

注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。
当按下按键时，改变文本域的颜色：

$("input").keyup(function(){
  $("input").css("background-color","#D6D6FF");
});


查找每个段落的带有 "selected" 类的父元素：
$("p").parent(".selected")
parent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。


.index()
获得第一个 p 元素的名称和值：
$("li").click(function(){
  alert($(this).index());
});
index() 方法返回指定元素相对于其他指定元素的 index 位置。
这些元素可通过 jQuery 选择器或 DOM 元素来指定。
注释：如果未找到元素，index() 将返回 -1。


.children() 方法允许我们检索 DOM 树中的这些元素，并用匹配元素构造新的 jQuery 对象。.find() 和 .children() 方法类似，不过后者只沿着 DOM 树向下遍历单一层级。


innerWidth()函数用于设置或返回当前匹配元素的内宽度。内宽度包括元素的内边距(padding)，但不包括外边距(margin)、边框(border)等部分的高度。


.bind  方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。 $(selector).bind({event:function, event:function, ...})


.load() 相当于html() ，不同点在于  可以用此引用外部html文件内容 加载进其中


.match()  jq自带的遍历方法  可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配，但是它返回指定的值，而不是字符串的位置。

如.match('迟到') 寻找所有含有迟到的


not选择器  如右=>  $("p:not(.a)").css({"color":"red"}) 表示选择p标签中class不为a的


focus() 当元素获得焦点时，发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。


blur()  当元素失去焦点时发生 blur 事件。blur() 函数触发 blur 事件，。


在JQ中不能有- 减号  如果遇到background-color之类的 应该用驼峰法写成 backgroundColor


$('#XXXX')和$('#'+defaults.varXXXX)的区别
第一个id是写死的，而第二个是动态，即varXXXX变化，这个选择器选择的对象就在变化
defaults其实是一个json数组，一般应用在js插件里面，defaults里面应该有一个属性是varXXXX,而值有个默认的，同时传进来的参数也可改变这个值
defaults.varXXXX就是调用这个值


replace()   用于替换掉内容  如右：将上午或者下午替换成空 replace(/上午|下午/,'')


append() 方法在被选元素的结尾（仍然在内部）插入指定内容。  


animate 自定义动画效果    如右 => 可以改变高度   $("#box").animate({height:"300px"});


css()   添加样式  如右 => 多个写法 .css({'top':'-300px','display':'inline'})


html中 :
如果用html,body{background:url(images/bg.jpg);} 可能导致有两张背景图片  
修改方法：   1. 只给body或者html加背景图片
         2. 给body加一句话overflow:hidden


$("tr:even")  表示tr中的奇数行 even表示奇数
$("tr:odd")   表示tr中的偶数行 odd表示偶数