网页制作用什么软件,单页面网站如何优化,常用的网站推广的方式方法,网站建设人员架构jQuery是一个封装好的特定的集合(方法和函数)。是一个库#xff0c;封装了很多预先定义好的函数在里面。概念jQuery是一个快速#xff0c;简洁的js库。j是js#xff0c;query是查询#xff0c;把js中的DOM操作作了封装#xff0c;我们可以快速的查询使用里面的功能。jQuer… jQuery是一个封装好的特定的集合(方法和函数)。是一个库封装了很多预先定义好的函数在里面。概念jQuery是一个快速简洁的js库。j是jsquery是查询把js中的DOM操作作了封装我们可以快速的查询使用里面的功能。jQuery封装了js常用的功能代码优化了DOM操作事件处理动画设计和ajax交互。学习jQuery的本质就是学习调用这些函数。使用jQuery可以提高开发者的开发效率。优点轻量级不影响页面的加载速度基本兼容了现在主流的浏览器连式编程隐式迭代对事件样式、动画支持大大简化了DOM操作支持插件扩展开发免费开源下载https://jquery.com 官网地址https://code.jquery.com 各个版本的下载使用jQuery时等着DOM结构渲染完毕即可执行内部代码不必等到所有外部资源加载完毕jQuery帮我们完成了封装。相当于原生js中的DOMContentLoaded不同于原生js中的load事件是等页面文档、内部的js文件、CSS文件图片加载完毕才执行内部代码。$是jQuery的别称可以使用jQuery代替$是jQuery的顶级对象相当于原生js中的window把元素利用$包装成jQuery对象就可以调用。jQuery对象与DOM对象用原生js获取来的对象就是DOM对象jQuery获取的元素就是jQuery对象jQuery对象的本质是利用$对DOM对象包装后产生的对象(维数组形式存储)jQuery选择器基础选择器$(选择器);层级选择器$(ulli); 子代选择器(获取儿子)$(ul li); 后代选择器(获取ul下的所有li元素)筛选选择器:first $(li:first); 获取第一个li元素$(li:last); 获取最后一个li元素 :eq(index) $(li:eq(2)); 获取索引号为2的li元素(从0开始)$(li:odd); 获取索引号为奇数的li元素$(li:even); 获取索引号为偶数的li元素jQuery样式操作常用的有两种css()多用于样式少时操作多了不方便设置类样式方法设置类样式方法比较和样式多时操作可以弥补css()的不足原生js中className会覆盖元素原先里面的类名jQuery里面类操作只是对指定类进行操作不影响原先的类名。常见的jQuery动画效果显示隐藏show()/hide()/toggle();划入划出slideDown()slideUp()/slideToggle();淡入淡出fadeIn()/fadeOut()/fadeToggle()/fadeTo();自定义动画animation();注意 动画或者效果一旦触发就会执行如果多次触发就造成多个动画或者效果排队执行jQuery提供一个方法可以停止动画排队stop();每次使用动画之前先调用stop()在调用动画。jQuery属性操作常用三种prop()/attr()/data();语法操作1.获取属性操作prop(属性);2.设置属性语法prop(属性属性值);元素自定义属性值attr()1.获取属性语法attr(属性);2.设置属性语法attr(属性,属性值);数据缓存data()可以在指定的元素上存取数据并不会修改DOM元素结构一旦页面刷新之前存放的数据都将被移除。1.附加数据语法data(name,value);2.获取数据语法data(name);/常见文本属性常见三种html()/text()/val();分别对应js中的innerHTMLinnerText和value属性主要针对元素的内容还有表单的操作。1.普通元素内容html(内容)(识别标签)2.普通元素文本内容text(文本内容)(不识别标签)3.表单的值val(内容)
