(1).链式调用
1 $("#mybtn").css("width","100px") 2 3 .css("height","100px") 4 5 .css("background","red");
(2).在对属性进行操作时建议使用JSON形式控制样式
1 $("#mybtn").css({ 2 width:200, 3 height:"200", 4 "background-color":"red" 5 })
(3).事件中this的指向
//事件中this的指向
//JQuery中提示了一个方法,该方法可以将原生JS元素对象 转换成JQ对象
//语法结构:$(原生JS元素对象)
console.log($(this).html());
//css方法若传递一个参数可以获取属性名的属性值
//当使用JQ中的方法取值是一般都无法进行链式调用,
//原因是方法内部return的已经不是JQ实例本身了
1 var $result1 = $("div").css("width"); 2 console.log($result1);
(4).以下是链式调用原理
var MyJQ = function(){ } MyJQ.prototype = { css:function(){ console.log("设置css样式"); return this; }, show:function(){ console.log("将元素显示"); return this; }, hide:function(){ console.log("将元素隐藏"); } }; var myjq = new MyJQ(); myjq.css().css().show().hide();