博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery
阅读量:6195 次
发布时间:2019-06-21

本文共 1355 字,大约阅读时间需要 4 分钟。

一、概念

  学习东西分为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(){    // 执行代码});原生jswindow.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

 

 

转载于:https://www.cnblogs.com/dhrwawa/p/10534882.html

你可能感兴趣的文章
[Leetcode] Search a 2D Matrix
查看>>
(转)浅谈分布式
查看>>
sql server 分组统计
查看>>
比较GUID是否相等
查看>>
Aptana Eclipse Plug-in Installation
查看>>
Qt How to get the width and height of a widget
查看>>
TechNet Video > Media > Screencasts > Introducing Chargeback
查看>>
FDMemTable内存表操作
查看>>
咏南中间件当作WEB SERVER使用方法
查看>>
layout_weight体验(实现按比例显示)
查看>>
RHCSA/RHCE Red Hat Linux认证学习指南(第6版):EX200 & EX300
查看>>
ASP.NET获取汉字拼音的首字母
查看>>
xBIM 应用与学习 (一)
查看>>
HDU 1151 Air Raid(最小路径覆盖)
查看>>
BZOJ 2140 稳定婚姻
查看>>
2.1CUDA-Thread
查看>>
关于WM_CREATE消息
查看>>
从员工到老板的5个步骤 (转载)
查看>>
[转]MMORPG游戏服务器端的设计
查看>>
25. GameProject3
查看>>