JQuery效果

常见的动画效果:动画或效果一旦触发就会执行,如果触发多次,就造成多个动画或效果排队执行。但可以停止动画排队:stop() 显示隐藏 滑入滑出 淡入淡出 自定义动画 show() slideDown() fadein() animate() hide() slideUp() fadeOut() toggle() slideToggle() fadeToggle() fadeTo()××× [speed,[easing],[fn] [speed,[easing],[fn] [speed,[easing],[fn] [params,speed,[easing],[fn] 显示语法:show([speed,[easing],[fn] )

发布于 Web前端

JQuery样式操作

Query中常用的样式操作:Jcss()和设置类样式方法 操作css方法:JQuery使用css方法修改简单元素样式,操作类,修改多个样式 123456// 1.参数只写属性名,则返回属性值 var strColor = $(this).css('color');// 2.参数是属性名,属性值,逗号分隔(英文),设置一组样式,属性须加引号,如果是数字可不用加单位和引号 $(this).css("color", "red");// 3.参数可以是对象形式(css()用于样式少时)$(this).css({"color":"white", "font-size":"20px"}); 设置类样式:等同于classList,可以操作样式,注:操作类不加点且不会覆盖原先的类名

发布于 Web前端

JQuery选择器

JQuery选择器:原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 做了封装,使获取元素统一标准。 基础选择器: 1$('选择器') // 直接写css选择器,需加引号 名称 用法 描述 ID选择器 $(“#id”) 获取指定的ID的元素 全选选择器 $(‘*’) 匹配所有元素 类选择器 $(‘.class’) 获取同一类class的元素 标签选择器 $(‘div’) 获取同一类标签的全有元素 并集选择器 $(‘div,p,li’) 选取多个元素 交集选择器 $(‘li.current’) 交集元素 层级选择器:后代选择器和子代选择器

发布于 Web前端

JQuery基本使用

JQuery中常见的两种入口函数: 12345678第一种:简单易用$(function () { ... // 此处是页面DOM加载完成的入口})第二种:繁琐,(不推荐)$(document).ready(function() { ... 此处是页面DOM加载完成的入口}) JQuery中的顶级对象$: $是JQuery的顶级对象,相当于原生JavaScript中的window。把元素利用*包装成JQuery对象。

发布于 Web前端

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。