1.jquery入门(DOM 对象和 jQuery 对象)

1. 使用 jQuery ,首先要将 jQuery 库引入。使用如下语句: <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
2. $(document) ,将 DOM 对象 document 转换为 jQuery 对象。 $(document).ready()函数是当 DOM 对象加载完毕后,马上执行的函数。 $(document).ready() $() jQuery() window.jQuery() 是等价的,所以 $(document).ready() 可以 。写成 $(function() { alert(“Hello jQuery”) } );

 2.1.6 DOM 对象和 jQuery 对象

DOM 对象是用 JavaScript 语法创建的对象,也看做是 js 对象。
1. DOM 对象转换 jQuery 对象:
        使用 $(DOM 对象 ) 方式,可以 DOM 对象转换为 jQuery 对象, 转换为 jQuery 对象才可以 使用 jQuery 中的提供的方法,操作 DOM 对象。一般情况下,在命名 jQuery 对象时,为了 DOM 对象进行区分,习惯性的以 $ 开头,这不是必须的。
例:
新建 html 页面文件 domTojQuery.html
1. 页面加入按钮 button

2.转换 DOM 对象

2. jQuery 对象转为 DOM 对象

         jQuery 对象本身为数组对象,该数组中的第 0 个元素即为该 jQuery 对象对应的 DOM 对象。所以有两种方式可以获取到 DOM 对象: get(0) 方式与下标 [0]
例:新建 html 文件 jQueryToDom.html
1. 页面添加 text button

2. jQuery 对象.get(0) jQuery 对象[0] 均可完成 jQuery 对象转 DOM 对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
jQuery是一个JavaScript库,用于简化HTML文档的操作、事件处理、动画效果和Ajax等功能。如果你想从入门到精通jQuery,可以按照以下步骤进行学习: 1. 学习基础知识:了解jQuery的基本语法、选择器和常用方法。可以通过官方文档、在线教程或书籍来学习。掌握jQuery的选择器语法,可以通过CSS选择器选取HTML元素,并使用jQuery提供的方法对其进行操作。 2. 实践编程:通过实际编写jQuery代码来加深理解。可以尝试使用jQuery来处理表单验证、DOM操作、事件绑定等常见任务。同时,结合HTML和CSS来创建一些简单的交互效果,如点击展开、淡入淡出等。 3. 深入学习特性:学习jQuery的高级特性,如动画效果、Ajax请求和响应处理等。掌握这些特性可以为你的Web开发提供更多可能性。使用jQuery内置的动画方法可以创建各种各样的动态效果。了解如何使用Ajax来实现与服务器的数据交互,以及如何处理服务器返回的数据。 4. 拓展知识:了解jQuery的插件和扩展。jQuery拥有庞大的插件生态系统,可以帮助你快速实现各种功能,如图片轮播、日期选择器、表格排序等。掌握如何使用插件可以提高你的开发效率和质量。 5. 实践项目:尝试实践一些小型项目或参与开源项目,将所学的知识应用到实际开发中。通过项目实践,你可以更好地理解jQuery的应用场景和优势,并锻炼自己的编程能力。 总之,学习jQuery需要不断的实践和积累经验。通过不断学习和实践,你可以逐步掌握jQuery的各项功能和技巧,从而达到精通的水平。祝你学习顺利!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

做一道光

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值