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器械等。