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文档载入完成后实验的函数
对立个页面上可能频繁应用
请确保在
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();查找元素的父辈
【JQ篇概述介绍与基础 jq内涵代表是什么意思】下一节将讲到 jquery器械与DOM器械等 。
- 网盘能赚钱吗,网盘赚钱思路汇总
- 三星S8/S8+手机/配件价格曝光 2019年新款三星s8手机报价介绍
- 时装博物馆云观展(鞋履篇)| “行走”百年的英伦时尚
- 使用步骤及注意事项介绍 小米移动电源怎么充电
- 香水百合水养 介绍 香水百合怎么养发芽快?
- 丽江特产有哪些,介绍丽江市9种特产与美食
- 四种常见 介绍 植物传播种子的 有哪些
- 重温这16首爱国诗篇 有哪些关于国庆节的诗句诗词?
- 央视最强解说团队多线出击,联手两位前国脚评论嘉宾,为球迷带来最 的解说,最专业的点评,最前沿的资讯,最有趣的互动。》》央视2018世界杯比赛解
- 黑莓十大特殊成分之鞣花酸介绍 鞣花酸是什么