jQuery基础1-简介、语法

版权声明:作者:shenroom 来源:CSDN 版权声明:本文为博主原创文章,转载请附上博文链接! https://blog.csdn.net/qq_41772754/article/details/88082759

1.jQuery简介 

jQuery是一个JavaScript函数库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

jQuery 的功能概括:
  1、html 的元素选取
  2、html的元素操作
  3、html dom遍历和修改
  4、js特效和动画效果
  5、css操作
  6、html事件操作
  7、ajax异步请求方式

目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!
jQuery 版本 2 以上不支持 IE6,7,8 浏览器。如果需要支持 IE6/7/8,则选择1.9及以下版本。
通过条件注释在使用 IE6/7/8 时只包含进1.9。
<!--[if lt IE 9]>
    <script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="jquery-2.0.0.js"></script>
<!--<![endif]-->

2.jQuery基础语法

    $(selector).action()   (选择元素然后做什么)

    美元符号定义jQuery. 即 $ = jQuery   ($和jQuery本身是一个函数)
    $() = jQuery() 执行后返回一个 jQuery 对象

    $()即创建一个jQuery对象,jQuery中的所有属性和方法都必须通过jQuery对象调用。
文档就绪事件:
1.javascript中原生待加载方式:
window.onload=function(){ //开始js代码
   ... 

}
注:待网页全部加载完毕后(包括图片)再执行,可获取图片的宽高。
    只能加载一次,后面写同样函数会覆盖前面。

2.jQuery中待加载方式:
$(document).ready(function(){
   //开始写 jQuery 代码...
});

//简写:常用方式
$(function(){
   // 开始写 jQuery 代码...
});
注:可以多次执行,不会发生覆盖。(更灵活)
   待网页中的DOM结构加载完毕后再执行。(更快,图片还没加载完无法获取图片宽高)

 3.关于多库冲突问题

如果其他文件库也使用 $ 符号开头,就会造成冲突。这时哪个在后面引入则 $ 就属于谁。
解决办法:
1.放弃"$"的使用权,书写代码时,用 "jQuery" 代替 "$"。
  jQuery.noConflict();

2.再重新定义一个符号代替"$"。
  jQuery.noConflict();     //放弃  
  var @ = jQuery;          //重新定义 
  或直接这样写:
  var @ = jQuery.noConflict();

jQuery基础1-简介、语法

jQuery基础2-选择器

jQuery基础3-筛选(过滤、查找、串联)

jQuery基础4-dom元素操作

jQuery基础5-事件

jQuery基础6-动画效果

jQuery基础7-Ajax请求

jQuery基础8-event事件对象

jQuery基础9-工具函数

jQuery基础10-延迟对象 和 回调函数

猜你喜欢

转载自blog.csdn.net/qq_41772754/article/details/88082759