- 声明<script type="text/javascript" src="script.js"></script>
- $(document).ready(); 文档就绪时触发的事件
- $(document).ready(function() {
$("div").slideDown('slow');
}); - $(document).on(); 常规事件
-
$(document).on('event', 'selector', function() {
Do something!
});
- $() 实质是函数,将括号内容转变为Javascript对象
-
$(document).ready(function() {
var $item = $('div ul li ol li');
$item.fadeOut('fast');}); 通过定义变量,简化选择器
- 选择器 定位到第几子项 p:first-child p:nth-child(2)
- 通过class定位 class=“red” $('.red')
- 通过id定位 id=“blue” $('#blue')
- .append(‘<p>hello</p>’) 将括号内元素作为最后一个子项插入 .prepend() 作为第一个子项插入
- $('#one').after('<p>haha</p>'); 在选择项后插入元素 .before() 在选择项前插入元素
- ('定位器').remove() 移除元素本身 .empty() 移除元素内容及子项
- 给HTML元素添加或删除类 $('selector').addClass('className'); 删除类.removeClass()
- .toggleClass() 自动检测是否还有该类,有则删除,无则添加
- 修改样式:高和宽 $('div').height('200px'); $('div').width('200px'); 修改CSS属性 $('div').css('border-radius','10px');
- .hover()
- .dblclick()双击事件 .mouseenter()鼠标指向后 .mouseleave()鼠标离开
- .focuse() 焦点事件 鼠标点击或者光标到达时发生 .keydown() 键盘输入
- .animate() 效果 移动对象在屏幕上的位置 参数2表示移动速度 $('div').animate({left:'+=10px'},500);
- jQuery UI是以jQuery为基础的网页用户界面代码库, 包含底层用户交互、动画、特效和可更换主题的可视控件。http://jqueryui.net/ http://jqueryui.com/ .effect('explode')爆炸效果 .effect('bounce',{times:2},200)上下晃动 slide 滑入
- $('#menu').accordion(); 可折叠列表 jQuery UI
jQuery基础语法笔记
最新推荐文章于 2024-07-24 19:38:24 发布