jquery 第一次
1.引入qjuery
- 本地:
- google:
- microsoft:
2.
- $(this).hide()
- 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
- $("#test").hide()
- 演示 jQuery hide() 函数,隐藏 id="test" 的元素。
- $("p").hide()
- 演示 jQuery hide() 函数,隐藏所有
元素。
- $(".test").hide()
- 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。
3.
基础语法是:$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
4.
jQuery 名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
5.
jQuery 滑动函数 - slideDown, slideUp, slideToggle
jQuery 拥有以下滑动函数:
$(selector).slideDown(speed,callback) $(selector).slideUp(speed,callback) $(selector).slideToggle(speed,callback)
6.
jQuery 隐藏和显示
hide() 和 show() 都可以设置两个可选参数:speed 和 callback。
语法:
$(selector).hide(speed,callback) $(selector).show(speed,callback)