首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
jq基础
沙皮狗的忧伤529
创建于2021-11-30
订阅专栏
jq基础
暂无订阅
共16篇文章
创建于2021-11-30
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
jq基础-html与text
$("#div1").html('Linktext'); $("#div2").text('Linktext');
jq基础-toggle与toggleClass
``` 当点击 元素时进行颜色切换: $("p").toggle( function(){$("p").css({"color":"red"});}, function(){$("p").css({"
jq基础-滑动动画
```动起来 // slideDown() 可以使元素逐步延伸显示 // slideUp()则使元素逐步缩短直至隐藏 $('.a').click(function () { slideDown() }
jq基础-淡入淡出动画
```动起来 /* fadeIn()和fadeOut()可以通过改变元素的透明度实现淡入淡出效果 */ // $('.a').click(function () { // fadeIn() // })
jq基础-显示隐藏
```显示 隐藏 // $('.a').click(function(){ // show() // }) // function show(){ // /* fast normal slow */
jq基础-移入移出toggle
``` 体育 科比单防詹姆斯 欧文单打摇头库 杜兰特背打朱芳雨 /* 显示隐藏再显示的过程 */ // $('.a').mouseover(function(){ // console.log('mo
jq基础-解除事件
```unbind() 里面有两个参数,第一个是事件类型例如,click, 第二个参数是用来解绑的处理函数 unbind('click') ```
jq基础-绑定事件
```/* 老版本 */ // $('button').bind('click', function () { // alert('我爱打游戏') // }) // $('button').mouse
jq基础-键盘事件
``` /* 模拟百度一下,用户连续的输入关键字,以最后输入好的内容 为准 再打印出 你输入的关键字 只打印一次 */ /* this是谁调用就是谁的 */ let timer; $('input')
jq基础-浏览器事件
``` 浏览器尺寸的变化,我会变色 /* click不会像原生一样,最后面覆盖最前面的,会按照顺序都执行 */ $('h2').click(function(){ alert(1) }) $('h2'
jq基础-鼠标事件
```/* 鼠标指针移过时 */ /* 进入div触发,不出去不触发 */ // $('div').mouseover(function(){ // console.log('mouseover鼠标指
jq基础-属性选择器
``` 我是程序员1 我是程序员2 我是程序员3 我是程序员4 我是程序员5 百度 百度一下 ```
jq基础-层次选择器
``` 我是同学1 我是同学1的儿子1 我是同学1的儿子2 我是同学1的儿子3 我是同学2 我是同学3 我是同学4 我是同学5 ```
jq基础-可见性过滤器
``` 我是程序员,月入过万是小意思 我是程序员,月入过万是小意思123 我是程序员,月入过万是小意思 123 ```
jq基础-选择器
```/* 标签选择器 */ /* $("h2" )选取所有h2元素 */ // console.log( $('h1') ) // $('h1').css('color','red'); /* cl
jq基础-过滤选择器
```/* 选取第一个元素 */ // $('ul li:first').addClass('bg'); /* 选取最后一个元素 */ // $('ul li:last').addClass('bg'