jQuery

一、概念

  学习东西分为2大步:先脉络后细节

  库:对于原生的东西进行的封装;框架:对封装的东西或者原生东西的进一步综合;插件:提供某些功能

  另外类库和插件是非常容易切换的,而框架的切换就相当于重新做。

  jQuery:就是一个普通的js的文件,其中封装了很多实用而强大的功能函数和很多兼容的方法,便于记忆和使用。

  好处:写的少,做的多(write less Do more)

  http://jquery.com/  官网

二、关于jQuery的版本问题

  1.x 建瓯让性比较好,可以兼容到ie6+

  2,x 3.x只能兼容到ie8+

  因此,大多数我们使用的是1.x,另外开发版,无压缩版是可以看注释的,在CDN上是有,我们可以直接饮用CDN上的,进行开发

  大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

三、关于jQuery的选择器和方法

  1、选择器

   $("#id值")这个是idd的选择器,返回的对象值是一个

   $(".class")这个是类选择器,这个返回的对象是一个数组

   $("p")这个是标签选择器,这个返回的对象也是一个数组

    $("*")这个是通配符选择器,这个返回的对象是页面中的所有的dom元素包装的jQuery对象

    $("li,div,p")这个是丙级选择器,这个返回的也是一组对象

    $("div[id=box]")这个是属性选择器,也是一个或者是一组对象

  2、常用的方法

    .text() 用于设置和获取标签中的文本内容  类似于innerText textContent

    .val() 用于设置和获取input的值 类似于value

    .css() 用于设置元素的样式 类似于style的行内样式

    .html( ) 可以设置和获取元素内部的html代码 类似于innerHTML

  3、关于加载方法

  

jQuery
$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

原生js
window.onload = function(){
//执行代码
}

    jQuery 入口函数与 JavaScript 入口函数的区别:

      1、 jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行,如果有两个这样的方法则顺序执行,不会覆盖。

      2、 JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行,如果有两个,只会执行最后一个,前一个会覆盖后一个。

  4、dom元素和jQuery元素的相互转化

    1>dom转化成jQuery对象$(dom)

    2>jQuery转化成dom对象 1》jQuery.get(0) 2》jQuery[0]

  5、window.jQuery = window.$ = jQuery



 

posted @ 2019-03-16 05:52  DHR~小白  阅读(140)  评论(0编辑  收藏  举报