JQuery CSS 方法说明

来源:互联网 发布:magnet相关协议软件 编辑:程序博客网 时间:2024/05/29 08:43
JQuery CSS 方法说明css( name ) 访问第一个匹配元素的样式属性。css( properties ) 把一个”名/值对”对象设置为所有匹配元素的样式属性。$(”p”).hover(function () {$(this).css({ backgroundColor:”yellow”, fontWeight:”bolder” });}, function () {var cssObj = {backgroundColor: “#ddd”,fontWeight: “”,color: “rgb(0,40,244)”}$(this).css(cssObj);});css( name, value ) 在所有匹配的元素中,设置一个样式属性的值。offset( ) 取得匹配的第一个元素相对于当前可视窗口的位置。返回的对象有2个属性,top和left,属性值为整数。这个函数只能用于可见元素。var p = $(”p:last”);var offset = p.offset();p.html( “left: ” + offset.left + “, top: ” + offset.top );width( ) 取得当前第一匹配的元素的宽度值,width( val ) 为每个匹配的元素设置指定的宽度值。height( ) 取得当前第一匹配的元素的高度值,height( val ) 为每个匹配的元素设置指定的高度值。JQuery Utilities 方法说明jQuery.browser.msie 表示iejQuery.browser.version 读取用户浏览器的版本信息jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型jQuery.isFunction( obj ) 检测传递的参数是否为functionfunction stub() { }var objs = [function () {},{ x:15, y:20 },null,stub,“function”];jQuery.each(objs, function (i) {var isFunc = jQuery.isFunction(objs[i]);$(”span:eq( ” + i + “)”).text(isFunc);});jQuery.trim( str ) 清除字符串两端的空格,使用正则表达式来清除给定字符两端的空格jQuery.each( object, callback ) 一个通用的迭代器,可以用来无缝迭代对象和数组jQuery.extend( target, object1, [objectN] ) 扩展一个对象,修改原来的对象并返回,这是一个强大的实现继承的工具,这种继承是采用传值的方法来实现的,而不是JavaScript中的原型链方式。合并settings和options对象,返回修改后的settings对象var settings = { validate: false, limit: 5, name: “foo” };var options = { validate: true, name: “bar” };jQuery.extend(settings, options);合并defaults和options对象,defaults对象并没有被修改。options对象中的值代替了defaults对象的值传递给了empty。var empty = {}var defaults = { validate: false, limit: 5, name: “foo” };var options = { validate: true, name: “bar” };var settings = $.extend(empty, defaults, options);jQuery.grep( array, callback, [invert] ) 通过一个筛选函数来去除数组中的项$.grep( [0,1,2], function(n,i){return n > 0;});jQuery.makeArray( obj ) 将一个类似数组的对象转化为一个真正的数组将选取的div元素集合转化为一个数组var arr = jQuery.makeArray(document.getElementsByTagName(”div”));arr.reverse(); // use an Array method on list of dom elements$(arr).appendTo(document.body);jQuery.map( array, callback ) 使用某个方法修改一个数组中的项,然后返回一个新的数组jQuery.inArray( value, array ) 返回value在数组中的位置,如果没有找到,则返回-1jQuery.unique( array ) 删除数组中的所有重复元素,返回整理后的数组

原创粉丝点击