首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery 学习札记

2012-10-31 
JQuery 学习笔记1.$(function(){})等同于$(document).ready();jQuery(function($) {// 你可以在这里继续

JQuery 学习笔记
1.$(function(){});等同于
$(document).ready();
jQuery(function($) {
  // 你可以在这里继续使用$作为别名...
});

2.查找某元素所有子节点.

$("#form input[name='name']")$("#form).find("input[name='name']")

空格: 所有子节点
>: 一级子节点
+: 下一结点
~: 所有同级节点

3.js中json的两种解析方法
var json = (new Function("return " + jsonStr))();var json = window.eval("(" + jsonStr + ")"); 

4.jQuery(expression, [context])
默认情况下, 如果没有指定context参数,$()将在当前的 HTML document中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。在jQuery 1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。
$("input:radio", document.forms[0]);

在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
$("div", xml.responseXML);

在一个由 AJAX 返回的 XML 文档中,查找所有的 div 元素。
5.jQuery.support.boxModel或jQuery.boxModel(在jQuery 1.3中不建议使用)
过前台设置的都知道css存在两种盒模型,W3C标准的方框模型和IE浏览器的方框模型。除IE以外的大多数浏览器只支持W3C方框模型。IE浏览器能够根据页面的呈现模式的定义而是用对性的方框模式。已用哪中呈现的模式取决于页面上的DOCTYPE的声明。
如果页面包含有效的DOCTYPE声明,则以严格模式呈现。
如果页面没有DOCTYPE声明或没有有效的DOCTYPE声明,则以兼容模式呈现。
下面将一个两种模式的区别,两种呈现模式的主要差别是对元素width和height样式的计算上。如下面的样式
{   width:180px;   height:72px;   padding:10px;   bording-width:5px; }

在W3C的严格模式下,元素的内容显示的范围是180*72px。内边距和边框在180*72像素的范围之外。所以整个元素的覆盖面积是:width:180 + 10*2 + 5*2 = 210px,height:72 +10*2 + 5*2 =102px。
在IE的兼容模式下整个元素的覆盖面积为180*72像素。内容的大小减小到宽度180 - 10*2 - 5*2=150px,高度72 - 10*2 - 5*2 =32px。
是用JQuery判断Box Modal的方法很简单。是通过bool类型的$.boxModel标志。如果页面是用的是W3C标准的模型,返回true.否则返回false。
6.$.map(array, 'a+1')与$.grep(array,"a+i+1")在第二参数上的区别
$.map不会传角标i,%.grep会传角标

热点排行