博客列表 >0402jQuery初识

0402jQuery初识

田亢的博客
田亢的博客原创
2018年04月03日 16:43:58507浏览

jQuery是什么?
  一个JavaScirpt类库,倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互

jQuery的基本编程思想是什么?

  1. 查询 + 操作   2.基本语法: $(selector).option()



如何在在网页中添加 jQuery:

1.从 jquery.com 下载 jQuery 库

2.从 CDN 中载入 jQuery

百度的CDN导入方式:

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

先学习几个方法

1、$ 是工厂函数的作用?   创建jQuery对象

2、css()是定义在jQuery对象上的方法

jQuery对象和原生DOM的对象是不一样的,两者之间不能相互调用对方的方法

要想调用要通过转换才可以

将jquery对象转为DOM对象,再调用原生对象方法

   get(index)或[index]

 写法如下:

  $('li')[0].style.backgroundColor = 'coral'
  $('li').get(2).style.backgroundColor = 'cyan'

必须先用工厂函数$()将DOM对象转为jQuery对象,才可以使用jQuery中的方法

jQuery对象和DOM对象的区别:

jQuery对象是将一个或一组DOM对象进行打包,统一进行处理,默认自带循环迭代

DOM对象对应着页面中的一个或多个可视元素,它给jQuery对象提供原材料


如何修改一个元素的内容

$('p').html('准备把你改变了')

$()还可以创建一个新元素

$('<img src="../images/zly.jpg" width="150">') 创建完之后用insertAfter(元素):插入到指定元素的后面
或者insertBefore()添加到当前页面中


html页面生成分为二步:

1. 生成DOM树: 告诉浏览器html文件中有多少元素以及他们之间的关系

2. 加载外部资源: 例如图像,外部文件等

window.onload事件必须要在dom树生成,外部资源全部加载完毕才可以触发

$().ready()事件:只要DOM创建完成就可以触发,不必等到元素全部加载完成,特别是有较大图片或文件时,效果非常明显

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议