jQuery
关注
分享
扫一扫
文章平均质量分 67
韶音鄀逝
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【jQuery】节点操作
jQuery节点操作 一. 添加节点 追加到指定元素内部 append()方法: 追加到指定元素内部的后面 $('button').eq(0).click(function(){ $('ul').append($li); // appendTo: 只是语法不同 // $li.appendTo('ul'); }) appendTo: 只是语法不同, 效果一样 prepend()方法: 追加到指定元素内部的前面 $('button').eq(1).click(fun原创 2020-06-19 23:57:49 · 654 阅读 · 1 评论 -
【jQuery案例】动效案例循环滚动图、下拉菜单、弹窗广告……
一. 循环滚动图 效果：图片循环滚动，当鼠标移入时其他图片变色 jQuery代码 $(function(){ // 定义变量 var offset = 0 // 设置图片滚动 var timer function anmiPlay(){ timer = setInterval(function () { offset += -10;原创 2020-06-19 14:13:58 · 518 阅读 · 1 评论 -
【jQuery】动效
jQuery动效 一. jQuery显示和隐藏动画 show(): 显示 $('button').eq(0).click(function(){ $('div').show(1000,function(){ alert('显示动画完毕') }) }) 格式：show(毫秒, fn) fn在动画执行完毕会执行 hide(): 隐藏 $('button').eq(1).click(function () { $('div').hide(1000, f原创 2020-06-19 13:36:04 · 311 阅读 · 0 评论 -
【jQuery案例】事件相关案例
电影排行榜 实现鼠标移入时显示，移出时隐藏 jQuery代码 $(function(){ // 移入事件 $('li').mouseenter(function(){ $(this).addClass('current') }) // 移出事件 $('li').mouseleave(function () { $(this).removeClass('current')原创 2020-06-19 13:05:19 · 508 阅读 · 0 评论 -
【jQuery】事件相关
jQuery事件相关 一. jQuery事件绑定 jQuery中有两种绑定事件的方式 eventName(fn)方法: 直接通过事件名来绑定 $('button').click(function(){ alert('点击第一次') }) 优点: 编码效率高 缺点: 部分事件不能添加，因为jQuery没有实现 on(eventName, fn)方法: 通过on()方法来绑定 $('button').on('click',function(){ alert('点击第二次') })原创 2020-06-19 00:01:57 · 203 阅读 · 0 评论 -
【jQuery】属性操作
jQuery属性操作 内容选择器 empty: 找到既没有文本内容也没有子元素的指定元素 parent: 找到有文本内容或有子元素的指定元素 contains: 找到包含指定文本内容的指定元素 has: 找到包含指定子元素的指定元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi原创 2020-06-16 23:03:56 · 201 阅读 · 0 评论 -
【jQuery】核心函数和工具方法
jQuery核心函数和工具方法 核心函数 $()和jQuery() 代表调用jQuery的核心函数 能接收的参数如下: 接收一个函数 $(function(){ console.log('函数') }) 接受字符串 接收字符串选择器: 返回一个jQuery对象，对象中保存了找到的DOM元素 var $box1 = $('.box1'); var $box2 = $('#box2'); console.log('box1>>>', $box1); console.l原创 2020-06-16 20:45:38 · 243 阅读 · 0 评论 -
初识jQuery
初识jQuery jQuery (jQuery=js+Query）是优秀的JavaScript库, 最主要的用途是用来做查询 使用jQuery能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax变得更加简单 jQuery的写法： // 原生js的入口函数固定写法 window.onload = function(){} // jQuery的入口函数固定写法 $(document).ready(function () {} // 例如： $(document).ready(fun原创 2020-06-16 20:43:16 · 172 阅读 · 0 评论