Jquery 笔记
博客专区 > 梅_95 的博客 > 博客详情
Jquery 笔记
梅_95 发表于1年前
Jquery 笔记
  • 发表于 1年前
  • 阅读 11
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 学生专属云服务套餐 10元起购>>>   

所有 jQuery 函数位于一个 document ready 函数中:

$(document).ready(function(){

--- jQuery functions go here ----

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码

 

$(document).ready(function(){

}); 与

$(function(){

});是等价的

 

如果你想要一个事件运行在你的页面上,你必须在$(document).ready()里调用这个事件

$号是jQuery“类”的一个别称,$()构造了一个jQuery对象

标签选择器$('p')、类选择器$('.myClass')、id选择器$('#myId')

如$("div>ul a"),它的意思是div标签中的ul标签中的a标签 
不过,$('div>ul')和$('div ul')是有区别的, 


$('div>ul')是<div>的直接后代里找<ul>; 
而$('div ul')是在<div>的所有后代里找<ul
>。
 

 

2、动画

默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute  $("div").animate({left:'350px'},"4000");

<button>开始动画</button>
<p>默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:100px;width:100px;position :fixed ">
</div>

请注意,生成动画的过程中可同时使用多个属性:

$("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); });

需要记住一件重要的事情:当使用 animate() 时,必须使用 Camel (骆驼命名法)标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等

共有 人打赏支持
粉丝 4
博文 177
码字总数 141171
×
梅_95
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: