1.  $("a").click(function(event){ 
event.preventDefault(); 
$(this).hide("slow"); 
}); //隐藏点击后的超链接
2.
$(document).ready(function(){ 
$("a").click(function(event){ 
alert("As you can see, the link no longer took you to jquery"); 
event.preventDefault(); 
}); 
});  //阻止超链接内容
3. 回调函数的列子
$.get('myhtmlpage.html', function(){ 
myCallBack(param1, param2); 
}); //父方法'myhtmlpage.html' 执行完之后把返回结果传递给子方法(回调方法)function()中
4.可以通过这个网址引入核心库src="leapis/ajax/libs/jquery/1.7.1"
5.常用选择器
1)jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取 id="demo" 的第一个 <p> 元素。
2)Query 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
3)$("p").css("background-color","red");
4)$(this)  当前 HTML 元素
$("p")  所有 <p> 元素
jquery是什么选择器$("p.intro")  所有 class="intro" 的 <p> 元素
$(".intro")  所有 class="intro" 的元素
$("#intro")  id="intro" 的第一个元素
$("ul li:first")  每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")  所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")  id="intro" 的 <div> 元素中的所有 class="head" 的元素
6.若JQ与其他库的名冲突 同var Conflict() 解决  JQ代替$符号
7.一些JQ事件方法
Event 函数                                绑定函数至
$(document).ready(function)  将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function)  触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)  触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)  触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)  触发或将函数绑定到被选元素的鼠标悬停事件
8.一些JQ的动画效果方法
$(selector).hide()  隐藏被选元素
$(selector).show()  显示被选元素
$(selector).toggle()  切换(在隐藏与显示之间)被选元素
$(selector).slideDown()  向下滑动(显示)被选元素
$(selector).slideUp()  向上滑动(隐藏)被选元素
$(selector).slideToggle()  对被选元素切换向上滑动和向下滑动
$(selector).fadeIn()  淡入被选元素
$(selector).fadeOut()  淡出被选元素
$(selector).fadeTo()  把被选元素淡出为给
定的不透明度
$(selector).animate()  对被选元素执行自定义动画
9. toggle()方法(也可以作为事件):用于切换元素的可见状体,如果是可见的,调整为不可见,反之。。
fadeTO()把元素从不透明的方式调整到指定的值。
show()&hide() 同时修改多个式样的的属性,即高度,宽度和不透明度
fadeIn()&fadeOut() 只修改不透明度
slideUp&slideDown() 只修改高度
animate() 属于自定义动画的方法,以上各种动画方法实质内都调用了这个方法。此外直接使用还能自定义 其他的式样属性,例如:“left”,“marginLeft”,“scrollTop”。
例如:替代show方法:
$("p").animate({height:"show",width:"show",opacity:"show"},400);等价于$("p").show(400);
10.动态创建一个元素 var $li_1= $("<li></li>") ,添加到ul中:$("ul").append($li_1);
11.要使2个DIV并排显示(重点是STYLE中的float方法)
<div>
<div ></div>
<div ></div>
<div>
12.

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。