jq内涵代表是什么意思 | JQ篇概述介绍与基础

  jQuery概述

  

  jQuery是一个轻量级javascript库兼容CSS3,还兼容各种涉猎器。

  

  应用户能更利便迁就地处理HTML文档、事变、实现动画效果,并且利便迁就地为网站供应Ajax交互。

  

  1.2 能做什么

  

  以插件的形式持续地经由开辟参加新的遵从

  

  失掉页面的局部模式

  

  批改页面的外表

  

  批改页面的模式

  

  在页面中响操纵户的交互

  

  给页面加上动画

  

  无改革返回处事器真个消息 ajax

  

  还供应了改进根柢的 JavaScript 结构,如迭代和数组把持。

  

  1.3 此外javascript库

  

  Prototype

  

  YUI

  

  Dojo

  

  mooTools

  

  jQuery不会与全局命名空间斗嘴,繁缛,只有花很少的功夫时间去学习。

  

  2.1 jQuery下载

  

  之后版本3.1.1官方网站下载:jquery.com

  

  两种版本,production ,development

  

  局部代码地址: code.jquery.com

  

  倡始:用什么版本的jquery,就用什么版本的手册,测试状况用残缺版(如:jquery1-11-3.js),分娩状况用膨胀版(如:jquery1-11-3.min.js)

  

  2.2 jQuery放置

  

  在页面头部head中,减少js

  

  //参加的jquery库文件名,更好带有此库的版本名字,利便迁就查问相对于应的版本手册

  

  

  

  jQuery根底

  

  3.1 页面载入

  

  $(document).ready(function(){ // 在这里写你的代码...}); //指的是:加载页面后 再实验这段 *** 语句。

  

  简写体式格局:

  

  $(function($){// 你可能在这里持续应用$作为别名...});

  

  绑定一个在DOM文档载入完成后实验的函数

  

  对立个页面上可能频繁应用

  

  请确保在 元素的onload事变中不有注册函数,不然不会触发$(document).ready()事变。

  

  jquery决议器

  

  $("#id")依据给定的ID成婚一个元素

  

  $(".class")依据给定的类成婚元素

  

  $("tag")依据给定的元素名成婚全部元素

  

  $("li:eq(1)")失掉下标为1的li标签

  

  $("#box li:last")失掉id为box的器械名义末端一个li标签

  

  $("#box li:first")失掉id为box的器械名义之一个li标签

  

  操纵jQuery不光可能获得代码的更大兼容性,并且可能贯注很多js谬误的发生。

  

  由于jQuery有一个特色:假设失掉不到器械,那后面的把持就被动地不会实验了,并且不报错。不像原生态的js语句

  

  经由关连查找

  

  $(".class").siblings();查找同辈的全部元素

  

  $(".class").children();查找子元素

  

  $(".class").next();查找同辈的下一个元素

  

  $(".class").nextAll();该元素之后全部的同辈元素

  

  $(".class").prev();查找同辈的上一个元素

  

  $(".class").prevAll();该元素从前全部的同辈元素

  

  $(".class").parent();查找元素的父辈

  

  下一节将讲到 jquery器械与DOM器械等。