第12章回头重看jQuery-核心及工具.pptVIP

第12章 回头重看jQuery——核心及工具;12.1 核心函数;12.1.1 核心函数形式;12.1.2 使用核心函数; 1．参数为表达式 使用12.1.1节的测试页面，现希望修改页面上class为first的p标签元素的显示样式，可以有如下代码。 script type=text/JavaScript $(.first).addClass(indianred); /* 核心函数使用 */ /script;2．参数为XML文档或Window对象 jQuery核心函数的参数还可以为XML文档或Window对象，如有下面的代码。 script type=text/JavaScript $(document.body).css( background, white ); /* 核心函数使用 */ /script 该段代码将设置页面的背景色为白色，document.body用来定位到页面上的body标签。 ;3．参数为HTML代码 jQuery核心函数还可以根据提供的原始HTML标记字符串，动态创建由jQuery对象包装的DOM元素。可以传递一个手写的HTML字符串，或者由某些模板引擎或插件创建的字符串，也可以是通过AJAX加载过来的字符串。如针对下面的代码。 script type=text/JavaScript /* 核心函数使用 */ $(“div class=‘test’p我是刚被 添加的/p/div).appendTo(#div1); /script;12.2 jQuery对象访问;12.2.1 获得长度;12.2.2 获得其中某个对象;2．index()函数 使用get(index)函数可以根据已有的index定位匹配的元素位置，同样，如果在已经得到元素的情况下也可以查询其在某DOM元素数组中的位置，这就需要使用jQuery的index(subject)函数。;12.2.3 遍历对象集;12.3 数据缓存;12.3.1 隐藏数据;12.3.2 设置和获取元素的缓存数据;用于获取使用data(name,value)函数设置的数据的函数依然是data()函数。不过其只有一个参数，用于表示存储的数据名，也就是上面提到的变量名。;12.3.3 删除缓存数据;12.4 jQuery常用工具类;12.4.1 浏览器相关;12.4.2 数组与对象相关;2．extend()：扩展数组 在对数组进行操作时，经常会需要对多个数组进行合并等操作，或者需要对一个数组进行元素内容的扩充，jQuery中用来扩充数组元素的函数是extend。;3．grep()：筛选数组元素 jQuery中的grep函数用于定义一些限制条件对数组的元素进行过滤筛选。;4．inArray()：判??是否在数组中 jQuery中的inArray函数用于判断某元素是否存在于已知数组中。;5．makeArray()：生成数组 jQuery中的makeArray函数可以用来自定义数组，它可以用来把一些分散的值组合成一个数组对象。;6．map()：数组元素映射 jQuery还提供了用于数组间映射的函数，即jQuery.map(array,callback)。使用map函数可以建立两个数组之间的一一对应关系。;7．unique()：删除重复元素 jQuery中的jQuery.unique(array)函数用于删除制定数组中的重复元素。;12.4.3 其他功能性函数;2．trim()：去除字符串头尾中的空格 jQuery.trim(str)函数用于去掉字符串起始和结尾的空格。该函数只有一个参数，即要处理的字符串，这个函数在对用户输入的数据进行格式化时十分有用。;12.5 jQuery插件机制;12.5.1 使用jQuery.extend(object);15.5.2 jQuery.fn.extend(object);12.6 小结