热门关键字:
jquery > jquery教程 > jquery教程 > 分享Jquery学习笔记

分享Jquery学习笔记

2375
作者:管理员
发布时间:2012/11/15 10:46:49
评论数:2
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=178

文档就绪函数:
$(document).ready(function(){

   --- jQuery functions go here ----

});
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。
 
==========================================
jQuery 语法实例
$(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数,隐藏 id="test" 的元素。
$("p").hide()
演示 jQuery hide() 函数,隐藏所有 <p> 元素。
$(".test").hide()
演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。
 
=============================================
jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$("p.test").hide() - 隐藏所有 class="test" 的段落

$("#test").hide() - 隐藏所有 id="test" 的元素

======================================
jQuery CSS 选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

下面的例子把所有 p 元素的背景颜色更改为红色:

实例
$("p").css("background-color","red");
当按钮的点击事件被触发时会调用一个函数
$("button").click(function() {..some code... } )
该方法隐藏所有 <p> 元素:

$("p").hide();

=============================
jQuery 名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。

某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

jQuery 使用名为 noConflict() 的方法来解决该问题。

var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
.hide()与.slideToggle("slow");的作用
hide是一下子没掉(也可在参数设置隐藏时间,但是是单向的)。slideToggle("slow")是慢慢没掉的,但是可以双向层的隐藏和显示

===============================
通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示:
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
$(selector).hide(speed,callback)

$(selector).show(speed,callback)
speed 参数规定显示或隐藏的速度。可以设置这些值:"slow", "fast", "normal" 或毫秒。

callback 参数是在 hide 或 show 函数完成之后被执行的函数名称





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐