博主信息
博文 5
粉丝 0
评论 0
访问量 4711
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
JQUERY 基础知识
King的博客
原创
921人浏览过

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。

$("*")     选取所有元素
$(this)     选取当前 HTML 元素
$("p.intro")     选取 class 为 intro 的 <p> 元素
$("p:first")     选取第一个 <p> 元素
$("ul li:first")     选取第一个 <ul> 元素的第一个 <li> 元素
$("ul li:first-child")     选取每个 <ul> 元素的第一个 <li> 元素
$("[href]")     选取带有 href 属性的元素
$("a[target='_blank']")     选取所有 target 属性值等于 "_blank" 的 <a> 元素
$("a[target!='_blank']")     选取所有 target 属性值不等于 "_blank" 的 <a> 元素
$(":button")     选取所有 type="button" 的 <input> 元素 和 <button> 元素
$("tr:even")     选取偶数位置的 <tr> 元素
$("tr:odd")     选取奇数位置的 <tr> 元素


入口函数
1,标准
$(document).ready(function(){

})

2,简写
$(function(){

})


事件
click() 单次点击

dblclick() 双击

mouseenter() 当鼠标指针穿过(进入)被选元素时

mouseover() 当鼠标指针位于元素上方时,会发生 mouseover 事件
区别:mouseover 事件在鼠标移动到选取的元素及其子元素上时触发 。 mouseenter 事件只在鼠标移动到选取的元素上时触发。
mouseleave() 当鼠标指针离开被选元素时,会发生 mouseleave 事件。

keydown - 键按下的过程
keypress - 键被按下
keyup - 键被松开
keypress() 方法触发 keypress 事件,或规定当发生 keypress 事件时运行的函数。
keypress 事件与 keydown 事件类似。当按钮被按下时发生该事件。
然而,keypress 事件不会触发所有的键(比如 ALT、CTRL、SHIFT、ESC)

hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数
$(selector).hover(inFunction,outFunction)

submit() 当提交表单时,会发生 submit 事件。该事件只适用于 <form> 元素。

change() 当元素的值改变时发生 change 事件(仅适用于表单字段)

focus() 当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。

blur() 当元素失去焦点时发生 blur 事件

resize() 当调整浏览器窗口大小时,发生 resize 事件

scroll() 当用户滚动指定的元素时,会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。


效果
隐藏和显示
hide() 隐藏
show() 显示
toggle() 隐藏和显示 切换

淡入淡出
fadeIn()
fadeOut()
fadeToggle()
fadeTo() 允许渐变为给定的不透明度(值介于 0 与 1 之间)

滑动
slideDown()
slideUp()
slideToggle()

动画
animate() 用于创建自定义动画 $(selector).animate({params},speed,callback);

停止动画
stop() 方法用于停止动画或效果,在它们完成之前。 适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学