![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
文章平均质量分 85
李_lym
这个作者很懒,什么都没留下…
展开
-
jquery简单入门
创建一个html项目用js写一个点击事件弹出对话框<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <原创 2018-06-13 20:09:15 · 159 阅读 · 0 评论 -
jQuery之html() val() text()区别
html([val|fn])在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。text([val|fn])取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。val([val|fn|arr])获得匹配元素的当前值。在 j...原创 2018-06-20 15:28:25 · 159 阅读 · 0 评论 -
jQuery选择器——子元素过滤器
例;原创 2018-06-19 19:17:55 · 764 阅读 · 0 评论 -
jQuery轮播图之上一张下一张
如图实例:html代码: <div class="global_module prolist"> <h3>新款上市</h3> <div class="prolist_content"> <ul>原创 2018-06-30 22:05:32 · 2215 阅读 · 0 评论 -
jQuery轮播图之上下无缝滚动
如图效果:实现功能:1.上下无缝滚动,2.鼠标放上去停止滚动并出现提示信息无缝滚动原理:每一次将第一个li移动到最后一个(append)html代码 <div class="global_module prolist"> <h3>新款上市</h3> <div class="prolist_co...原创 2018-06-30 19:19:46 · 5656 阅读 · 1 评论 -
jQuery轮播图之上下轮播
如图实现功能:1.鼠标放上图片图片停止滚动并显示对应数字2.鼠标离开图片继续滚动并显示对应数字3.鼠标放到对应的数字,显示到相对应图片并停止滚动轮播图原理:定义div里面存放ul,但每次只显示一个li,利用定时器setinteval定时和animate动画来移动li的位置。animate返回值:jQueryanimate(params,[speed],[easing],[fn])概述:用于创建自定...原创 2018-06-30 16:40:59 · 7077 阅读 · 2 评论 -
jQuery选择器——表单过滤器
实例:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style>原创 2018-06-18 21:15:42 · 294 阅读 · 0 评论 -
jQuery选择器——属性选择器
实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <原创 2018-06-18 21:08:48 · 209 阅读 · 0 评论 -
jQuery选择器——内容过滤选择器
实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <原创 2018-06-18 21:05:52 · 322 阅读 · 0 评论 -
jQuery选择器——基本过滤选择器
索引是从0开始实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>..原创 2018-06-18 20:57:54 · 228 阅读 · 0 评论 -
jQuery选择器——层次选择器
parent > child描述:匹配表单中所有的子级input元素。HTML 代码:<form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label>原创 2018-06-18 20:51:02 · 560 阅读 · 0 评论 -
jQuery选择器——基本选择器
实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &原创 2018-06-18 20:28:47 · 182 阅读 · 0 评论 -
JQuery选择器——CSS选择器
CSS选择器用法:原创 2018-06-18 20:03:56 · 917 阅读 · 0 评论 -
jQuery事件冒泡及实例
实例:点击显示div里面内容,再次点击隐藏<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <me原创 2018-06-14 22:28:14 · 284 阅读 · 0 评论 -
JQuery实现搜索框功能
在用html代码用placeholder="text"就能实现text:表示在文本框要显示的内容html代码:<body> <form action="" method="post"> <input type="text" placeholder="请输入" id="key" />原创 2018-06-20 15:38:33 · 11981 阅读 · 0 评论