jquery给的封装,jq相比js封装了哪些功能

jQuery 封装

要达到你想要的这种方式需要封装一个JS插件

/*注：插件前的分号不是多余的，是为了保证前面的代码在没有以分号结尾的情况下也能正常运行*/

;(function($, window, document, undefined) {

$.fn.myResize = function() {

var $this = $(this);

var wndWidth = $(window).width();

var wndHeight = $(window).height();

var myWidth = $this.width();

var myHeight = $this.height();

var top = (wndHeight - myHeight) / 2;

var left = (wndWidth - myWidth) / 2;

$this.css({ "top": top, "left": left });

}

})(jQuery, window, document, undefined);

$(document).ready(function() {

$("#div").myResize();

$(window).resize(function() {

$("#div").myResize();

});

});

看你的代码是想实现控件居中的功能，其实使用CSS就可以解决：

#div {

position: fixed;/*如果是相对于屏幕居中该属性用fixed，如果是相对于父控件居中父控件的该属性设置为relative，该控件的该属性设置为absolute*/

top: 50%;

left: 50%;

-webkit-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

}

相关问答

Q1: jquery都封装了哪些方法

封装对象是JS原生提供的功能~跟jquery无关~

例如：

var car = new Object();

car.color = "Red";

car.run = function(){

//...

}

以上是基本封装方式

还有一种简便方式：

var car = {

color: "Red",

run: function(){

//...

}

};

这样合基本方法一回事

使用jquery可以扩展jquery对象，也可以编写ui~

希望对您有帮助~

By Billskate

Q2: jQuery封装

封装，就是把某个功能做个一个方法(你理解得没错,差不多就是这个意思,但还是没理解透彻)

封装就是把一些公共方法,用的频繁的方法单独提出来,单独写在一个js文件中.每次调用js文件就行.就不必每个地方用的时候都要重写.而且改起来也相当麻烦.