您身边的网站建设专家
日期： 2022-09-21 03:18:15 浏览数：4
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
安顺爱采购会员/58同城会员账户/百度竞价开户/百家号注册运营/推广公司网站-网站营销全网推广
jQuery 事件
jQuery 是为事件处理特别设计的。
什么是事件？
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例：
在元素上移动鼠标。
选取单选按钮
点击元素
在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件"。
常见 DOM 事件：
鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave blur unload
hover
jQuery 事件方法语法
在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。
页面中指定一个点击事件：
$("p").click();
下一步是定义了点击后触发事件。您可以通过一个事件函数实现：
$("p").click(function(){
// 动作触发后执行的代码!!
});
常用的 jQuery 事件方法
$(document).ready()
$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语法 章节中已经提到过。
click()
click() 方法是当按钮点击事件被触发时会调用一个函数。
该函数在用户点击 HTML 元素时执行。
在下面的实例中，当点击事件在某个 <p> 元素上触发时，隐藏当前的 <p> 元素：
实例
$("p").click(function(){
$(this).hide();
});
安顺爱采购会员/58同城会员账户/百度竞价开户/百家号注册运营/推广公司网站-网站营销全网推广
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
通过 $(":button") 可以选取所有 type="button" 的 <input> 元素 和 <button> 元素，如果去掉冒号，$("button")只能获取 <button> 元素。
在线实例
mm莹
934***562@qq.com
frozen
354***675@qq.com
关于 : 和 [] 这两个符号的理解
：可以理解为种类的意思，如：p:first，p 的种类为第一个。
[] 很自然的可以理解为属性的意思，如：[href] 选取带有 href 属性的元素。
frozen
354***675@qq.com
江月
123***789@qq.com
$(":button") 为 jQuery 中表单选择器（貌似与过滤选择器同级），旨在选择所有的按钮，所以会找到 <input>、<button> 元素；而 $("button") 则为基本选择器，旨在选择为 <button> 的标签。
: 即为 jQuery 的过滤选择器，语法类似于 css 中的伪类选择器；其过滤选择器大概可以分为基本过滤（p:first 之类）、内容过滤（:empty）、子元素过滤(:first-child)和属性过滤 [href] 选择器。
江月
123***789@qq.com
zws
290***714@qq.com
$("#id", ".class") 复合选择器$("div p span") 层级选择器 //div下的p元素中的span元素$("div>p") 父子选择器 //div下的所有p元素$("div+p") 相邻元素选择器 //div后面的p元素(仅一个p)$("div~p") 兄弟选择器 //div后面的所有p元素(同级别)$(".p:last") 类选择器 加 过滤选择器 第一个和最后一个（first 或者 last）$("#mytable td:odd") 层级选择 加 过滤选择器 奇偶（odd 或者 even）$("div p:eq(2)") 索引选择器 div下的第三个p元素（索引是从0开始）$("a[href='www.baidu.com']") 属性选择器$("p:contains(test)") // 内容过滤选择器，包含text内容的p元素$(":emtyp") //内容过滤选择器，所有空标签（不包含子标签和内容的标签）parent 相反$(":hidden") //所有隐藏元素 visible $("input:enabled") //选取所有启用的表单元素$(":disabled") //所有不可用的元素$("input:checked") //获取所有选中的复选框单选按钮等$("select option:selected") //获取选中的选项元素