Jquery学习笔记——第一章 Jquery入门及基础语法

本文介绍了JQuery这一流行的JavaScript库,详细解释了其特点、基础语法及代码风格,并对比了$(document).ready()与window.onload的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.Jquery是·javascript库。

2.Jquery 的特点:

轻量级,强大的选择器,出色的DOM操作封装,可靠的事件处理机制,出色的 浏览器兼容性。


3.Jquery的基础语法:$(selector).action()

action() :执行对元素的操作

eg:$(this).hide()  //隐藏当前元素

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

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

$("#test").hide()  //隐藏id=“test”的元素

4.Jquery的代码风格(链式风格)

1.对于同一对象不超过3个操作的,可以直接写成一行。

2.对于同一对象的较多操作,每行写一个。

3.对于多个对象的少量操作,可以每个对象写一行,涉及子元素可适当缩进。


5.$(document).ready() 与 window.onload区别:

1.window.onload必须等网页中所有内容加载完后(包括图片)才执行;$(document).ready()网页中所有DOM结构绘制完后就执行。

     2.$(document).ready()能同时编写多个;window.onload不能同时编写多个,第二个会覆盖第一个。

3.window.onload无简化写法;$(document).ready()有简化写法$()。

6.第一个Jquery程序

<script src = "jquery-1.10.2.js"></script>  //引入jquery
<script>
    $(document).ready(function(){
    alert("Hello World!");
});
</script>
7.注释:

//单行注释

8.DOM对象:HTML的文档对象模型中的元素对象。可以通过javascript的以下方法获取:

document.getElementById("test")

document.getElementByTagName("p")

  Jquery对象:经Jquery包装后的DOM对象。

         $("#test")

         $("p")






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值