jQuery

一、简介

1.1 简介

jQuery是一个优秀的JavaScript库，是对于ECMAScript、dom、bom的一个浅封装，让用户更方便操作。

1.2 导入方式

下载或使用CDN链接，通过标签导入html文档内

一般使用jquery.min.js版本导入，而jquery.js适用于源码研究

1.3 jquery函数

jQuery库只提供了一个叫jQuery的函数，该函数中以及该函数的原型中定义了大量的方法，方便jQuery对象和jQuery函数调用

参数为选择器（字符串）
```
$('#id')
$('.class')
```
通过选择器获取相应的DOM对象，然后将其封装进一个jQuery对象中
参数为Element元素
参数为HTML文本字符串
```
$('hhh
')
```
函数根据传入的文本创建html元素并将其封装到jQuery对象中。

参数为匿名函数

$(function(){})
//当文档结构加载完毕后再执行函数中的内容
//是$(document).ready(fuction(){})的简写

1.4 jQuery对象

是一个类数组对象，数组中存放的是DOM对象（Node的实例）。

jQuery对象是jQuery函数的实例，该对象可以调用jQuery原型中的方法。

对jQuery对象的操作实际上是对数组中DOM对象的批量操作。这两个对象可以相互转化。

二、jQuery选择器

2.1 基本选择器

所有选择器
*
标签选择器
标签名
ID选择器
#ID
类选择器
.className
群组选择器 selector1,selector2
多个选择器使用逗号分割，取并集
复合选择器 selector1selector2
多个选择器组合使用，取交集

2.2 层次选择器

后代选择器 selector1 selector2
两个选择器使用空格隔开，表示可以获取当前元素的子代以及孙子代等等后代元素。
子代选择器 selector1>selector2
两个选择器使用>隔开，表示只能获取当前选中元素的子代元素。

2.3 兄弟选择器

下一个兄弟选择器 selector1+selector2
两个选择器使用+隔开，表示可以获取当前元素下一个兄弟元素，下一个兄弟元素要能符合selector2。
之后所有兄弟选择器 selector1~selector2
两个选择器使用~隔开，表示可以获取当前元素之后的所有兄弟元素，之后所有兄弟元素要能符合selector2。

2.4 过滤器

jQuery的过滤器必须用在jQuery选择器后，表示对通过前面的jQuery选择器选择到的内容的过滤。

2.4.1 基本过滤器

selector:first 获取所有已选择到的元素中的第一个元素
selector:last 获取所有已选择到的元素中的最后一个元素
selector:even 获取所有已选择到的元素中的索引为偶数元素
selector:odd 获取所有已选择到的元素中的索引为奇数元素
selector:eq(index) 获取所有已选择到的元素中的索引为index的元素
selector:lt(num) 获取所有已选择到的元素中索引值小于num的元素
selector:gt(num) 获取所有已选择到的元素中索引值大于num的元素
selector1:not(selector2)获取所有已选择到的元素中除了selector2的元素
selector:header 获取所有已选择到的元素中的标题元素

2.4.2 内容过滤器

elector:contains(text)
获取所有已选择到的元素中文本包含text的元素
selector:empty
获取所有没有子节点的元素
selector:parent
获取所有有子节点的元素，如$("div:parent")
selector:has(selector2)
获取所有已选择到的元素中包含selector2的元素，如$("div:has('span')")

2.4.3 可见性过滤器

:visible 选择所有占据屏幕空间的元素
- ```
visibility:hidden
```
- ```
opacity:0
```
:hidden 选择所有不占据屏幕空间的元素
- ```
display:none
```

2.4.4 属性过滤器

selector[attrKey]
获取所有已选择到的元素中具有属性attrKey的元素
selector[attrKey=attrVal]
获取所有已选择到的元素中具有属性attrKey，并且属性值为attrVal的元素
selector[attrKey^=attrVal]
获取所有已选择到的元素中具有属性attrKey，并且属性值为以attrVal开头的元素
selector[attrKey$=attrVal]
获取所有已选择到的元素中具有属性attrKey，并且属性值为以attrVal结尾的元素
selector[attrKey*=attrVal]
获取所有已选择到的元素中具有属性attrKey，并且属性值为包含attrVal的元素
selector[attrKey!=attrVal]
获取所有已选择到的元素中具有属性attrKey，并且属性值不为attrVal的元素或者没有属性attrKey的元素

2.4.5 后代过滤器

selector :nth-child(index)
获取每个selector元素中索引为index的子元素【注意】index从1开始
selector :first-child
获取每个selector元素中第一个子元素（每个父元素的第一个子元素）注意与selector:first的区别，获取所有selector元素的子元素中的第一个（只有一个）
selector :last-child
获取每个selector元素中最后一个子元素（每个父元素的最后一个子元素）
selector :only-child
获取每个selector元素中独生子子元素（每个父元素如果只有一个孩子元素，获取该元素）
selector :first-of-type
获取每个selector元素中每种类型子元素中的第一个
selector :last-of-type
获取每个selector元素中每种类型子元素中的最后一个

2.4.6 表单过滤器

:checked 选取所有被选中的元素，用于复选框和单选框，下拉框
:selected 选取所有被选中的选项元素，该选择器只适用于
:focus 选择当前获取焦点的元素
:text 选取所有的单行文本框（）
:password 选取所有的密码框
:input 选取所有的<select><button>元素。注意：$(“:input”)是选择可以让用户输入的标签元素；而$(“input”)是选择名字为input的标签元素</li> <li>:enabled 选取所有可用元素，该选择器仅可用于选择支持disabled属性的HTML元素(<button>, <input>,<optgroup>,<option>, <select>, <textarea>)</li> <li>:disabled 选取所有不可用的元素该选择器，也是仅可用于支持disabled属性的HTML元素</li> <li>:radio 选取所有的单选框</li> <li>:checkbox 选取所有的多选框</li> <li>:submit 选取所有的提交按钮</li> <li>:image 选取所有input类型为image的表单元素</li> <li>:reset 选取所有input类型为reset的表单元素</li> <li>:button 选取所有input类型为button的表单元素</li> <li>:file 选取所有input类型为file的表单元素</li> </ul> <h2>三、DOM操作</h2> <h3>3.1 查找节点</h3> <p>通过jQuery选择器完成</p> <h3>3.2 创建节点</h3> <ul> <li><p>创造元素节点</p><pre><code class="javascript">var newTd = $('<td></td>')</code></pre></li> <li><p>创造文本节点</p><pre><code class="javascript">var newTd = $('<td>文本内容</td>') //写出文本内容</code></pre></li> </ul> <h3>3.3. 插入节点</h3> <ul> <li>$(A).append(B) <p>在匹配元素里面的末尾插入参数内容</p></li> <li>appendTo()</li> <li>prepend()<p>在匹配元素里面的末前面插入参数内容</p></li> <li>prependTo()</li> <li>before()<p>在匹配元素的前面插入内容（外部插入）作为其兄弟节点插在集合中每个匹配元素前面。</p></li> <li>insertBefore()</li> <li>after()<p>在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点插在每个匹配元素的后面。</p></li> <li>insertAfter()</li> </ul> <h3>3.4 删除节点</h3> <ul> <li>remove([selector])<p>删除所匹配的元素和其绑定的事件，返回一个被删除的节点的引用</p></li> <li>detach([selector])<p>删除节点但<strong>保存</strong>被移走的元素相关联事件</p></li> <li>empty()</li> </ul> <h3>3.5 复制节点</h3> <p>返回节点的引用，参数默认为false</p> <ul> <li><pre><code class="javascript">$('#id').clone(false)//浅复制，即不复制元素中所绑定的事件</code></pre></li> <li><pre><code class="javascript">$('#id').clone(true)//深复制，即复制元素中被绑定的事件</code></pre></li> </ul> <h3>3.6 替换节点</h3> <ul> <li><pre><code class="javascript">$('#id').clone(false)</code></pre></li> <li>replaceWith(newContent)<p>返回被删除元素的集合，会删除相关联的数据和事件处理程序</p></li> <li>replaceAll(target)<p>效果与replaceWith(newContent)相反</p></li> </ul> <h3>3.7 包裹节点</h3> <ul> <li>wrap([wrappingElement])<p>在每个匹配的元素外层包上一个html元素。</p></li> <li>wrapAll([wrappingElement])<p>将所有匹配的元素用一个元素来包裹，在所有匹配元素外面包一层HTML结构。这种结构可以嵌套多层，但是最内层只能有一个元素。</p></li> <li>wrapInner([wrappingElement])<p>每个匹配元素里面所有子节点都会被这种结构包裹。</p></li> </ul> <h3>3.8 节点遍历</h3> <p>使用这些方法去解析html文档和xml文档都是可以的，因为html文档和xml文档都可以转换为dom模型。(也就是说在ajax中，如果后台传过来的是xml文档，那么我们使用jquery也可以用下面方法解析)。</p> <ul> <li><p>children([selector])</p><p>用于取得匹配元素的子元素集合（只考虑子元素而不考虑任何后代元素）。</p><pre><code class="javascript">$(".content").children(".inner"); //等同于$(".content .inner")</code></pre></li> <li>find(selector)<p>在当前元素对象中的子元素中查找，和参数所匹配的所有的后代元素</p></li> <li>next([selector])<p>取得匹配的元素集合中每一个元素紧邻的后面兄弟元素。</p></li> <li>nextAll([selector])<p>查找当前元素之后所有的同辈元素。</p></li> <li>prev([selector])<br>取得匹配元素前面紧邻的兄弟元素</li> <li>prevAll([selector])<p>查找当前元素之前所有的同辈元素</p></li> <li>siblings([selector])<p>取得匹配元素前后所有的兄弟元素</p></li> <li><p>closest( selector)</p><p>取得和参数匹配的最近的元素，如果匹配不上继续向上查找父元素</p><pre><code class="javascript">$('td:contains("删除")').click(function(){ $(this).closest($('tr')).remove() }) //删除本行 //但是需要时间代理才能将新增加的行也具有此功能</code></pre></li> <li>filter(selector)<p>把当前所选择的所有元素再进行筛选过滤</p></li> <li>parent([selector])<p>取得匹配元素集合中，每个元素的父元素</p></li> <li>parents([selector])<p>获得集合中每个匹配元素的祖先元素</p></li> </ul> <h3>3.9 属性操作</h3> <ul> <li>attr( key|key,val|{key:val,key2:val2} )<p>获取匹配的元素集合中的第一个元素的属性的值或设置每一个匹配元素的一个或多个属性。</p></li> <li><p>prop( key|key,val|{key:val,key2:val2} )</p><p>获取匹配的元素集中第一个元素的属性值或设置每一个匹配元素的一个或多个属性，常用于<strong>单</strong>值属性、布尔值。</p><pre><code class="javascript">var a = $('.one').prop('disabled') var b = $('.one').attr('disabled') console.log(a) //true console.log(b) //disabled</code></pre></li> <li>removeAttr( attributeName )<p>为匹配的元素集合中的每个元素中移除一个属性(attribute)。</p></li> <li>removeProp( propertyName )<p>为集合中匹配的元素删除一个属性（property）。一般来说，只需要移除自定义的属性。</p></li> <li>css( key|key,val|{key:val,key2:val2} )<p>获取匹配元素集合中的第一个元素的样式属性的计算值或设置每个匹配元素的一个或多个CSS属性。</p></li> <li>addClass( className )<p>为每个匹配的元素添加指定的样式类名。</p></li> <li>hasClass( className )<p>确定任何一个匹配元素是否有被分配给定的（样式）类。</p></li> <li>removeClass([className ])<p>移除集合中每个匹配元素上一个，多个或全部样式。</p></li> </ul> <h2>四、事件机制</h2> <h3>4.1 事件</h3> <ul> <li><p>on( events,selector,handler(eventObject))</p><p>在选定的元素上绑定一个或多个事件处理函数。</p><pre><code class="javascript">$('div').on({ click:function(){ console.log('点击') }, mouseover:function(){ console.log('鼠标事件') } })//绑定多个事件 $('div').on('click',function(){ }) //快捷绑定 $('div').click(function(){})</code></pre></li> <li><p>off( events [, selector ] [, handler ] )</p><p>移除一个事件处理函数。</p><pre><code class="javascript">$("div").off("click") //只解绑click事件</code></pre></li> <li><p>trigger( eventType[,extraParameters])</p><p>根据绑定到匹配元素和给定的<strong>事件类型</strong>执行对应的事件。</p><pre><code class="javascript">$('span').click(function(){ $('span').css('background-color','red') }) // 模拟span的点击事件 $('.btn').click(function(){ $('span').trigger('click') })</code></pre></li> </ul> <h3>4.2 事件类型</h3> <ul> <li><p>鼠标事件</p> <ul> <li>click() 鼠标单击事件</li> <li>dblclick() 鼠标双击事件</li> <li>hover() 鼠标悬停事件</li> <li>mousedown() 鼠标按下事件</li> <li>mouseup() 鼠标抬起事件</li> <li>mouseenter() 鼠标进入事件不支持子元素</li> <li>mouseleave() 鼠标离开事件不支持子元素</li> <li>mouseout() 鼠标离开事件支持子元素</li> <li>mouseover() 鼠标进入事件支持子元素</li> <li>mousemove() 鼠标移动事件</li> </ul></li> <li><p>键盘事件</p> <ul> <li>keypress() 按键按下事件</li> <li>keyup() 按键抬起事件</li> <li>keydown() 按键按下事件</li> </ul></li> <li><p>表单事件</p> <ul> <li>focus() 聚焦事件</li> <li>blur() 失去焦点事件</li> <li>change() 当元素的值发生改变时激发的事件</li> <li>select() 当 textarea 或文本类型的 input 元素中的文本被选择时触发的事件</li> <li>submit() 表单提交事件，绑定在 form</li> </ul></li> </ul> <h3>4.3 常用API</h3> <ul> <li>get()/toArray()【无参】<p><strong>将类数组对象转换为数组</strong></p><p>调用这个方法将会返回所有匹配的DOM节点，这些节点包含在一个标准的数组中。</p></li> <li>eq(index)<p>参数 index：用于指示元素的索引，当为负数时从集合中的最后一个元素开始倒数；</p><p>返回指定索引位置上的【jQuery对象】。</p></li> <li>filter() 过滤器函数<p>参数：选择器字符串<br>返回值：jQuery对象。</p></li> <li>map()</li> <li>not()<p>从匹配的元素集合中移除匹配参数的元素。</p></li> <li>each()<p>遍历一个jQuery对象，为每个匹配元素执行一个函数；</p><p>参数：function(index, Element) 。</p></li> <li>first()【无参数】<p>获取匹配元素集合中第一个元素。</p></li> <li>last()【无参数】<p>获取匹配元素集合中最后一个元素。</p></li> <li>is()<p>判断当前匹配的元素集合中，是否有能够满足给定参数的元素</p><p>返回值：boolean类型。</p></li> <li>has()<p>筛选匹配元素集合中的那些拥有与参数相匹配的后代元素的元素。</p></li> <li>slice()<p>根据指定的下标范围，过滤匹配的元素集合，并生成一个新jQuery对象。</p></li> <li><p>.width()/.height()</p><p>返回一个不带单位的数值</p><pre><code class="javascript">$(window).height() //浏览器视口的高度</code></pre></li> <li>.innerWidth()/.innerHeight()<p>+padding</p></li> <li>.outerWidth()/.outerHeight()<p>+border</p></li> </ul> <h2>五、ajax</h2> <ul> <li><pre><code class="javascript">$.ajax({ url:"http://localhost:7788/user/login", method:'post', contentType:'application/json', data:JSON.stringify(obj), success:function(res){ $(location).attr('href','./login.html') }, error:function(e){ console.log(res) } })</code></pre></li> <li><pre><code class="javascript">$.ajaxSetup({ headers:{ "Authorization":token } })</code></pre></li> <li><p>localStorage</p> <ul> <li>setItem('属性名','属性值)<p>将某数据放入本地存储</p></li> <li>getItem('属性名')</li> </ul></li> <li><p>load 定向加载页面</p><pre><code class="javascript"><div id="main"></div> $('.main').load()</code></pre></li> <li><p>速写形式</p><pre><code>$.get(url,function(res){}) $.post(url,data,function(res){})</code></pre></li> </ul> </article> </div> </div> </div>  <div id="SOHUCS" sid="1314442228281745408"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(jquery)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950232820773351424.htm" title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a> <span class="text-muted">good2know</span> <div>本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div> </li> <li><a href="/article/1949722295807307776.htm" title="JAVA HTTP大文件分片断点续传" target="_blank">JAVA HTTP大文件分片断点续传</a> <span class="text-muted">weixin_52041354</span> <a class="tag" taget="_blank" href="/search/java%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">java大文件上传</a><a class="tag" taget="_blank" href="/search/java%E5%A4%A7%E6%96%87%E4%BB%B6%E7%A7%92%E4%BC%A0/1.htm">java大文件秒传</a><a class="tag" taget="_blank" href="/search/java%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E4%B8%8B%E8%BD%BD/1.htm">java大文件上传下载</a><a class="tag" taget="_blank" href="/search/java%E6%96%87%E4%BB%B6%E4%BC%A0%E8%BE%93%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">java文件传输解决方案</a><a class="tag" taget="_blank" href="/search/jsp%E5%A4%A7%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">jsp大文件上传</a><a class="tag" taget="_blank" href="/search/java%E6%96%AD%E7%82%B9%E7%BB%AD%E4%BC%A0/1.htm">java断点续传</a><a class="tag" taget="_blank" href="/search/jsp%E5%8A%A0%E5%AF%86%E4%BC%A0%E8%BE%93/1.htm">jsp加密传输</a> <div>要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创</div> </li> <li><a href="/article/1949558268653268992.htm" title="jQuery：浅谈setInterval()方法" target="_blank">jQuery：浅谈setInterval()方法</a> <span class="text-muted">Dy大叔</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95/1.htm">前端开发记录</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>定义和用法：setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。vartime=0；用法1：functionjump(){…………//函数内容}time=setInterval("</div> </li> <li><a href="/article/1949558142270500864.htm" title="HTML5：中如何触发按钮点击事件" target="_blank">HTML5：中如何触发按钮点击事件</a> <span class="text-muted">Dy大叔</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95/1.htm">前端开发记录</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja</div> </li> <li><a href="/article/1949524474701344768.htm" title="Jsoup爬虫工具实现背景图片爬取" target="_blank">Jsoup爬虫工具实现背景图片爬取</a> <span class="text-muted">无脑程序猿</span> <a class="tag" taget="_blank" href="/search/jsoup%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/1.htm">jsoup网络爬虫</a><a class="tag" taget="_blank" href="/search/%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87%E4%B8%8B%E8%BD%BD/1.htm">背景图片下载</a><a class="tag" taget="_blank" href="/search/Jsoup-jar/1.htm">Jsoup-jar</a> <div>Jsoup爬虫工具实现背景图片爬取soup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。复制代码之前准备工作首先要将需要的jar包复制到WEB-INF>>lib下面需要下载的Jsoup.jar包以及其使用的具体操作文档下载地址[点击下载]代码块亲测：1366x768大小</div> </li> <li><a href="/article/1949050112709816320.htm" title="4、ASP.NET MVC与jQuery开发指南" target="_blank">4、ASP.NET MVC与jQuery开发指南</a> <span class="text-muted">corn8</span> <a class="tag" taget="_blank" href="/search/%E6%8E%A2%E7%B4%A2.NET/1.htm">探索.NET</a><a class="tag" taget="_blank" href="/search/ASP.NET/1.htm">ASP.NET</a><a class="tag" taget="_blank" href="/search/MVC/1.htm">MVC</a><a class="tag" taget="_blank" href="/search/jQuery/1.htm">jQuery</a><a class="tag" taget="_blank" href="/search/%E8%B7%AF%E7%94%B1/1.htm">路由</a> <div>ASP.NETMVC与jQuery开发指南1.路由与数据库访问在ASP.NETMVC中，MapRoute的第三个参数用于定义URL各部分的默认值，这使得我们可以省略部分或全部URL部分。若省略控制器，默认使用Home控制器；若省略动作，默认使用Index动作；id参数为可选，允许使用无参数的动作方法。大多数业务线（LOB）应用程序需要与持久化数据存储（如MicrosoftSQLServer）中的数</div> </li> <li><a href="/article/1948970178905698304.htm" title="响应式Banner轮播布局的实现代码包" target="_blank">响应式Banner轮播布局的实现代码包</a> <span class="text-muted">规则哥讲规则</span> <div>本文还有配套的精品资源，点击获取简介：响应式Banner图片轮播布局是网站吸引注意力的关键元素，能够适配多种设备。本压缩包包含了HTML、CSS和JavaScript（包括jQuery）完整代码，用于创建动态的轮播效果。通过HTML定义结构、CSS实现响应式布局和样式，以及JavaScript和jQuery完成交互和动画，最终实现了包括自动播放、图片切换和平滑过渡等轮播功能。这些代码为开发者提供了</div> </li> <li><a href="/article/1948964635021471744.htm" title="java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试" target="_blank">java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试</a> <span class="text-muted">岗子科技</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试java计算机毕业设计基于Ssm学生信息管理系统源程序+mysql+系统+lw文档+远程调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：My</div> </li> <li><a href="/article/1948887859167555584.htm" title="使用Velocity.js使您的网站具有互动性和乐趣（无需jQuery）" target="_blank">使用Velocity.js使您的网站具有互动性和乐趣（无需jQuery）</a> <span class="text-muted">dingshi7798</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>我要特别感谢JamesHibbard和Velocity背后的开发人员对本文的审阅。还要感谢多年来为Velocity做出贡献并做出贡献的用户和开发人员。在本文中，我介绍了Velocity.js，这是朱利安·夏皮罗（JulianShapiro）提供的快速而强大的JavaScript动画引擎。在进行所有演示时，您将可以使用Velocity.js创建自己的动画并使网站更具交互性和用户友好性。所有这些都无需</div> </li> <li><a href="/article/1948887859863810048.htm" title="velocity.js_使用Velocity.js使您的网站具有互动性和乐趣（无需jQuery）" target="_blank">velocity.js_使用Velocity.js使您的网站具有互动性和乐趣（无需jQuery）</a> <span class="text-muted">dingshi7798</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>velocity.js我要特别感谢JamesHibbard和Velocity背后的开发人员对本文的审阅。还要感谢多年来为Velocity做出贡献并做出贡献的用户和开发人员。在本文中，我介绍了Velocity.js，这是朱利安·夏皮罗（JulianShapiro）提供的快速而强大JavaScript动画引擎。在进行所有演示时，您将可以使用Velocity.js创建自己的动画并使网站更具交互性和用户友</div> </li> <li><a href="/article/1948820922253242368.htm" title="【JQ】使用jq实现弹窗功能，弹窗加载外部页面内容" target="_blank">【JQ】使用jq实现弹窗功能，弹窗加载外部页面内容</a> <span class="text-muted">下页、再停留</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端技术</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>目录一、需求：二、效果图三、实现代码前端：jquery：四、完整资源一、需求：使用原始jq，不借助插件、框架，实现弹窗，并且弹窗内容是外部页面，类似于layer.open的弹窗功能。二、效果图点击左上角“点击”按钮，弹出一个页面窗口。三、实现代码前端：.jq-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);b</div> </li> <li><a href="/article/1948796966188150784.htm" title="前端11Jquery用ajax获取数据赋值给页面" target="_blank">前端11Jquery用ajax获取数据赋值给页面</a> <span class="text-muted">syw99163</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF2021/1.htm">前端2021</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>前端11Jquery用ajax获取数据赋值给页面https://www.w3school.com.cn/jquery/jquery_ref_dom_element_methods.aspjQuery参考手册-DOM元素方法【jQuery】使用getJSON()方法异步加载JSON格式数据使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析，显示在页面</div> </li> <li><a href="/article/1948795701588717568.htm" title="前端知识之jQuery" target="_blank">前端知识之jQuery</a> <span class="text-muted">意大利面拌42号混凝土</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>jQuery文章目录jQuery一、什么是jQuery二、jQuery的优势三、jQuery的内容四、jQuery的版本五、jQuery的两种导入方式六、jQuery语法七.jQuery对象与标签对象之间的转换九、查找标签1、基本选择器2、组合选择器/分组嵌套3、基本筛选器4、属性选择器5、表单筛选器6、筛选器方法7、总结十、操作标签1、CSS类操作2、CSS样式操作3、位置操作4、尺寸5、文本操</div> </li> <li><a href="/article/1948586436450119680.htm" title="前端：一篇彻底搞懂Ajax,Promise,JQuery Ajax,Axios的差异(区别)" target="_blank">前端：一篇彻底搞懂Ajax,Promise,JQuery Ajax,Axios的差异(区别)</a> <span class="text-muted">Freedom3568</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/axios/1.htm">axios</a><a class="tag" taget="_blank" href="/search/promise/1.htm">promise</a> <div>文章目录一.AJAX原理1.ajax有那些优缺点?二.Promise封装Ajaxpromise封装实现三.JQueryAjax1.优缺点：四.Axios1.优缺点：五.Fetch1.优缺点：补充：为什么要用axios?一.AJAX原理Ajax的原理简单来说是在用户和服务器之间加了—个中间层(AJAX引擎)，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javas</div> </li> <li><a href="/article/1948372470822137856.htm" title="React工程师必看：jQuery+Thymeleaf全栈开发指南" target="_blank">React工程师必看：jQuery+Thymeleaf全栈开发指南</a> <span class="text-muted">bemyrunningdog</span> <a class="tag" taget="_blank" href="/search/themeleaf/1.htm">themeleaf</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>以下是为React工程师整理的jQuery+Thymeleaf全栈开发笔记，融合核心语法、项目实践与避坑指南，保留原有框架并深化关键细节，引用最新技术资料（2024-2025年）：一、jQuery核心设计哲学vsReact维度jQueryReact融合建议DOM操作直接操作真实DOM虚拟DOM间接更新避免在React组件中混用jQuery操作DOM数据驱动手动同步数据与UI状态/Props驱动自动</div> </li> <li><a href="/article/1948223616361492480.htm" title="jQuery攻略pdf" target="_blank">jQuery攻略pdf</a> <span class="text-muted">weixin_30725315</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/c%2Fc%2B%2B/1.htm">c/c++</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>下载地址：网盘下载内容简介······jQuery是目前应用最广泛的JavaScript框架之一，已经成为微软ASP.NET、VisualStudio和诺基亚WebRunTime等主流开发平台的重要组成部分。借助jQuery的魔力，数十行JavaScript代码可以被神奇地压缩成区区几行，诸多Web开发人员就是在那一瞬间深深迷恋上了这个方便快捷、功能完备的利器。本书从实际应用角度出发，介绍了使用j</div> </li> <li><a href="/article/1948158306577084416.htm" title="css3地球转动模型（动态数据）" target="_blank">css3地球转动模型（动态数据）</a> <span class="text-muted"></span> <div>参考资源：https://www.jq22.com/jquery-info24302{{!item.permission?'暂无权限':''}}{{item.name}}exportdefault{data(){return{list:[{id:"81e5f51d6ab845fca406bdc8b0c50e34",homeUrl:"/workbenches",name:'交易管理后台',img:'</div> </li> <li><a href="/article/1948147317412524032.htm" title="jQuery封装轮播图插件" target="_blank">jQuery封装轮播图插件</a> <span class="text-muted">I_am_the_ZL</span> <div>这是我自己封装的第一个插件，感觉挺好的，嘿嘿~~~先说使用方法把！swiper("banner2")传入轮播盒子的class名就可以了使用页面的基本结构这个盒子你可以无限遍历支持width：100%;js文件：functionswiper(names){varidxs=0;vartimer=null;varobj=$("."+names);obj.parent().css({"overflow":</div> </li> <li><a href="/article/1948110780662607872.htm" title="jQuery.jsonview.js 简单用法" target="_blank">jQuery.jsonview.js 简单用法</a> <span class="text-muted">聂曦r</span> <div>Title测试结果：切换展开折叠$.get('/protocol/plugin/test/',{},function(r){if(r.code==200){$("#test_result").JSONView(r.ret,{collapsed:true,nl2br:true,recursive_collapser:true});$('#collapse-btn').on('click',funct</div> </li> <li><a href="/article/1948110781082038272.htm" title="jQuery的.toggle()事件" target="_blank">jQuery的.toggle()事件</a> <span class="text-muted">小乖nia</span> <a class="tag" taget="_blank" href="/search/JQuery/1.htm">JQuery</a> <div>$(selected).toggle()事件会自动获得当前对象的显示或者隐藏状态，并且使用触发事件进行切换。在元素的click事件中绑定两个或两个以上的函数toggle不像bind需要在后面添加"click"来绑定click触发事件，toggle本身就是click触发的（而且只能click触发）。jquery中toggle的2种用法一、在元素的click事件中绑定两个或两个以上的函数toggle不</div> </li> <li><a href="/article/1948102027871580160.htm" title="web前端进阶之Javascript设计模式面向对象篇" target="_blank">web前端进阶之Javascript设计模式面向对象篇</a> <span class="text-muted">jia林</span> <div>前言：在此说明Javascript设计模式所讲内容和知识点来自双越老师（wangEditor富文本开源作者）的视频，内容通俗易懂，受益匪浅，结合自己的学习心得整理成笔记，与大家分享，愿在前端的道路上越走越远.....从“写好代码”到“设计代码”的过程，不仅是技术的提升，更是编程思维的提升，而这其中最关键的就是设计模式，是否理解并掌握设计模式，也是衡量程序员能力的标准之一。学习前提使用过jquery</div> </li> <li><a href="/article/1947448081809207296.htm" title="关于Ajax的学习笔记" target="_blank">关于Ajax的学习笔记</a> <span class="text-muted">秋也凉</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Ajax概念：是一门使用了js语言，可以使用于Javaweb，实现前端代码和后端代码连结的的一种异步同步（不需要等待服务器相应，就能够发送第二次请求）的一种技术，它主要用于网页内容的局部刷新，列如验证码、导航栏的刷新等。实现步骤1.导入jQuery（一种框架，Ajax是JQuery的一种方法）文件——例如：写在jsp页面的标签里面。2.在jsp页面写一个函数，然后在函数里面调用ajax方法，aja</div> </li> <li><a href="/article/1947393245533237248.htm" title="webView显示网页的时候，右半部分有白色一片空白区域" target="_blank">webView显示网页的时候，右半部分有白色一片空白区域</a> <span class="text-muted"></span> <div>这时需要设置他的滚动条wv_showHTML.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY)WebView中android:scrollbarSize="0dip"加上这句就好了引用于：http://www.17jquery.com/html_html5/38376/和http://bbs.csdn.net/topics/350001955</div> </li> <li><a href="/article/1947308532860776448.htm" title="layui+express CMS管理系统" target="_blank">layui+express CMS管理系统</a> <span class="text-muted">May#</span> <a class="tag" taget="_blank" href="/search/layui/1.htm">layui</a><a class="tag" taget="_blank" href="/search/express/1.htm">express</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>该项目主要技术：html，css，js，echart，express，mysql，jquery，layui，swiper展示类网站，属于服务端渲染项目。该网站包含管理端，实现基本增删改查功能。用户端可查看页面，属于展示类网站。管理端页面如下：<</div> </li> <li><a href="/article/1947162067718959104.htm" title="关于JS中回调函数的个人理解" target="_blank">关于JS中回调函数的个人理解</a> <span class="text-muted">Jack_陈</span> <div>近期在看到jQuery中test（index，test）的用法涉及到回调函数，之前未有涉及，于今晚专门看看了看，将个人对于回调函数的理解感悟记录一下，有不正确的地方希望指出。回调函数（callback），英文中的解释其实更容易理解：Acallbackisafunctionthatispassedasanargumenttoanotherfunctionandisexecutedafteritspa</div> </li> <li><a href="/article/1947113625495859200.htm" title="Java实习模拟面试之创玖科技：前后端交互、数据库、Spring全家桶、性能优化与Linux实战" target="_blank">Java实习模拟面试之创玖科技：前后端交互、数据库、Spring全家桶、性能优化与Linux实战</a> <span class="text-muted">培风图南以星河揽胜</span> <a class="tag" taget="_blank" href="/search/java%E9%9D%A2%E8%AF%95/1.htm">java面试</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a> <div>关键词：JavaScript、JQuery、Ajax、Node.js、MySQL、Oracle、Spring、SpringMVC、SpringBoot、MyBatis、Tomcat、Redis、Nginx、Linux、Git、SAAS系统开发一、面试开场：自我介绍面试官提问：请做个自我介绍，重点突出你的技术栈和项目经验。候选人回答：您好，我是一名计算机科学与技术专业的应届生，具备扎实的Java基础</div> </li> <li><a href="/article/1946598069940318208.htm" title="html js 查询数据库,如何使用javascript查询数据库？" target="_blank">html js 查询数据库,如何使用javascript查询数据库？</a> <span class="text-muted"></span> <div>小编典典Javascript本身不能用于处理数据库。这是使用php(或您选择的服务器端语言)完成的。Ajax用于使用javascript向您的php脚本发送请求，而javascript则会与数据库进行通信。而且不需要页面刷新。因此，您尝试使用ajax可以轻松实现。既然您提到了jquery，就可以在jquery中签出$.ajax或$.post方法，这使过程更加简单。您需要使用ajax处理表单。Aja</div> </li> <li><a href="/article/1946495945516576768.htm" title="【jquery详细讲解】" target="_blank">【jquery详细讲解】</a> <span class="text-muted">ᝰ落念英</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jQuery/1.htm">jQuery</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>(一)、什么是jQueryjQuery是对javascript的一种封装--js的函数库。用于客户端的开发，由美国人在2001年1月推出。(二)、jQuery与javascript的区别：1、本质上的区别：jQuery是一个函数库，基于js语言编写出来的框架，实质上还是属于js。2、代码书写不同，jq更简单。3、使用方法不同：使用jQuery和javascript分别加载DOM，js只执行一次，j</div> </li> <li><a href="/article/1946474615245172736.htm" title="前端15" target="_blank">前端15</a> <span class="text-muted">徒做嫁衣</span> <div>jquery用法思想一选择某个网页元素，然后对它进行某种操作。jquery选择器jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。$(document)//选择整个文档对象$('li')//选择所有的li元素$('#myId')//选择id为myId的网页元素$('.myClass')//选择class为myClass的元素$('input[na</div> </li> <li><a href="/article/1943979785097113600.htm" title="【前端】jQuery数组合并去重方法总结" target="_blank">【前端】jQuery数组合并去重方法总结</a> <span class="text-muted"></span> <div>在jQuery中合并多个数组并去重，推荐使用原生JavaScript的Set对象（高效简单）或$.unique()（仅适用于DOM元素，不适用于普通数组）。以下是完整解决方案：方法1：使用ES6Set（推荐）//定义多个数组constarr1=[1,2,3];constarr2=[2,3,4];constarr3=[3,4,5];//合并数组并用Set去重constmergedArray=[...</div> </li> <li><a href="/article/10.htm" title="jsonp 常用util方法" target="_blank">jsonp 常用util方法</a> <span class="text-muted">hw1287789687</span> <a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jsonp%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95/1.htm">jsonp常用方法</a><a class="tag" taget="_blank" href="/search/jsonp+callback/1.htm">jsonp callback</a> <div>jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt</div> </li> <li><a href="/article/137.htm" title="多线程场景" target="_blank">多线程场景</a> <span class="text-muted">alafqq</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a> <div>0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案按时间排序按投票排序 0 0 最典型的如： 1、</div> </li> <li><a href="/article/264.htm" title="Maven学习——修改Maven的本地仓库路径" target="_blank">Maven学习——修改Maven的本地仓库路径</a> <span class="text-muted">Kai_Ge</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div> 安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。 </div> </li> <li><a href="/article/391.htm" title="placeholder的浏览器兼容" target="_blank">placeholder的浏览器兼容</a> <span class="text-muted">120153216</span> <a class="tag" taget="_blank" href="/search/placeholder/1.htm">placeholder</a> <div>【前言】自从html5引入placeholder后，问题就来了，不支持html5的浏览器也先有这样的效果，各种兼容，之前考虑，今天测试人员逮住不放，想了个解决办法，看样子还行，记录一下。【原理】不使用placeholder，而是模拟placeholder的效果，大概就是用focus和focusout效果。【代码】 <scrip</div> </li> <li><a href="/article/518.htm" title="debian_用iso文件创建本地apt源" target="_blank">debian_用iso文件创建本地apt源</a> <span class="text-muted">2002wmj</span> <a class="tag" taget="_blank" href="/search/Debian/1.htm">Debian</a> <div>1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media</div> </li> <li><a href="/article/645.htm" title="SQLSERVER耗时最长的SQL" target="_blank">SQLSERVER耗时最长的SQL</a> <span class="text-muted">357029540</span> <a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div>对于DBA来说，经常要知道存储过程的某些信息： 1. 执行了多少次 2. 执行的执行计划如何 3. 执行的平均读写如何 4. 执行平均需要多少时间列名 &</div> </li> <li><a href="/article/772.htm" title="com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil" target="_blank">com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil</a> <span class="text-muted">7454103</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下：错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/</div> </li> <li><a href="/article/899.htm" title="用正则删除文本中的html标签" target="_blank">用正则删除文本中的html标签</a> <span class="text-muted">adminjun</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89html%E6%A0%87%E7%AD%BE/1.htm">去掉html标签</a> <div>使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt</div> </li> <li><a href="/article/1026.htm" title="嵌入式系统设计中常用总线和接口" target="_blank">嵌入式系统设计中常用总线和接口</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/linux+%E5%9F%BA%E7%A1%80/1.htm">linux 基础</a> <div> 嵌入式系统设计中常用总线和接口任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线</div> </li> <li><a href="/article/1153.htm" title="Java函数调用方式——按值传递" target="_blank">Java函数调用方式——按值传递</a> <span class="text-muted">ayaoxinchao</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8C%89%E5%80%BC%E4%BC%A0%E9%80%92/1.htm">按值传递</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1/1.htm">对象</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">基础数据类型</a> <div>Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。首先，让我们看一看基础数据类型是如何按值传递的。 public static void main(String[] args) { int a = 2; </div> </li> <li><a href="/article/1280.htm" title="ios音量线性下降" target="_blank">ios音量线性下降</a> <span class="text-muted">bewithme</span> <a class="tag" taget="_blank" href="/search/ios%E9%9F%B3%E9%87%8F/1.htm">ios音量</a> <div>直接上代码吧 //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume; </div> </li> <li><a href="/article/1407.htm" title="与其怨它不如爱它" target="_blank">与其怨它不如爱它</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9/1.htm">选择</a><a class="tag" taget="_blank" href="/search/%E7%90%86%E6%83%B3/1.htm">理想</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E4%B8%9A/1.htm">职业</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E5%88%92/1.htm">规划</a> <div> 抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。 </div> </li> <li><a href="/article/1534.htm" title="一边时间不够用一边浪费时间" target="_blank">一边时间不够用一边浪费时间</a> <span class="text-muted">bingyingao</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4/1.htm">时间</a><a class="tag" taget="_blank" href="/search/%E6%B5%AA%E8%B4%B9/1.htm">浪费</a> <div>一方面感觉时间严重不够用，另一方面又在不停的浪费时间。每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。精神还是很差，下午像一直野鬼在城市里晃荡。为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。控制让自己周末早睡早起，你就成功了一半。有多少个工作</div> </li> <li><a href="/article/1661.htm" title="【Scala八】Scala核心二：隐式转换" target="_blank">【Scala八】Scala核心二：隐式转换</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con</div> </li> <li><a href="/article/1788.htm" title="sudoku slover in Haskell (2)" target="_blank">sudoku slover in Haskell (2)</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a><a class="tag" taget="_blank" href="/search/sudoku/1.htm">sudoku</a> <div>继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。 board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7, </div> </li> <li><a href="/article/1915.htm" title="Java-Collections Framework学习与总结-HashSet和LinkedHashSet" target="_blank">Java-Collections Framework学习与总结-HashSet和LinkedHashSet</a> <span class="text-muted">BrokenDreams</span> <a class="tag" taget="_blank" href="/search/linkedhashset/1.htm">linkedhashset</a> <div> 本篇总结一下两个常用的集合类HashSet和LinkedHashSet。它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序</div> </li> <li><a href="/article/2042.htm" title="读《研磨设计模式》-代码笔记-备忘录模式-Memento" target="_blank">读《研磨设计模式》-代码笔记-备忘录模式-Memento</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘” </div> </li> <li><a href="/article/2169.htm" title="《RAW格式照片处理专业技法》笔记" target="_blank">《RAW格式照片处理专业技法》笔记</a> <span class="text-muted">cherishLC</span> <a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a> <div>注意，这不是教程！仅记录楼主之前不太了解的一、色彩（空间）管理作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼）注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv</div> </li> <li><a href="/article/2296.htm" title="使用 Git 下载 Spring 源码编译 for Eclipse" target="_blank">使用 Git 下载 Spring 源码编译 for Eclipse</a> <span class="text-muted">crabdave</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>使用 Git 下载 Spring 源码编译 for Eclipse 1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH %GRADLE_HOME%/bin，cmd，gradle -v 2、spring4 用jdk8 下载 https://jdk8.java.</div> </li> <li><a href="/article/2423.htm" title="mysql连接拒绝问题" target="_blank">mysql连接拒绝问题</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%99%BB%E5%BD%95%E6%9D%83%E9%99%90/1.htm">登录权限</a> <div>mysql中在其它机器连接mysql服务器时报错问题汇总一、[running]root@192.168.9.136:~$mysql -uroot -h 192.168.9.108 -p //带-p参数，在下一步进行密码输入 Enter password: //无字符串输入 ERROR 1045 (28000): Access </div> </li> <li><a href="/article/2550.htm" title="Google Chrome 为何打压 H.264" target="_blank">Google Chrome 为何打压 H.264</a> <span class="text-muted">dsjt</span> <a class="tag" taget="_blank" href="/search/apple/1.htm">apple</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a> <div>Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome</div> </li> <li><a href="/article/2677.htm" title="yii 获取控制器名和方法名" target="_blank">yii 获取控制器名和方法名</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/framework/1.htm">framework</a> <div>1. 获取控制器名在控制器中获取控制器名: $name = $this->getId(); 在视图中获取控制器名: $name = Yii::app()->controller->id; 2. 获取动作名在控制器beforeAction()回调函数中获取动作名: $name = </div> </li> <li><a href="/article/2804.htm" title="Android知识总结（二）" target="_blank">Android知识总结（二）</a> <span class="text-muted">come_for_dream</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>明天要考试了，速速总结如下 1、Activity的启动模式 standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。） singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac</div> </li> <li><a href="/article/2931.htm" title="高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元" target="_blank">高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元</a> <span class="text-muted">gcq511120594</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a> <div>高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕</div> </li> <li><a href="/article/3058.htm" title="linux expect" target="_blank">linux expect</a> <span class="text-muted">heipark</span> <a class="tag" taget="_blank" href="/search/expect/1.htm">expect</a> <div>1. 创建、编辑文件go.sh #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact 2. 设置权限 chmod u+x go.sh 3.</div> </li> <li><a href="/article/3185.htm" title="Spring4.1新特性——静态资源处理增强" target="_blank">Spring4.1新特性——静态资源处理增强</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a> <div>目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T</div> </li> <li><a href="/article/3312.htm" title="idea ubuntuxia 乱码" target="_blank">idea ubuntuxia 乱码</a> <span class="text-muted">liyonghui160com</span> <div> 1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v </div> </li> <li><a href="/article/3439.htm" title="改良程序的11技巧" target="_blank">改良程序的11技巧</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E5%B7%A7/1.htm">技巧</a> <div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：尽量保持方法简短永远永远不要把同一个变量用于多个不同的</div> </li> <li><a href="/article/3566.htm" title="300个涵盖IT各方面的免费资源（下）——工作与学习篇" target="_blank">300个涵盖IT各方面的免费资源（下）——工作与学习篇</a> <span class="text-muted">shoothao</span> <a class="tag" taget="_blank" href="/search/%E5%88%9B%E4%B8%9A/1.htm">创业</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E8%B5%84%E6%BA%90/1.htm">免费资源</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AF%BE%E7%A8%8B/1.htm">学习课程</a><a class="tag" taget="_blank" href="/search/%E8%BF%9C%E7%A8%8B%E5%B7%A5%E4%BD%9C/1.htm">远程工作</a> <div>工作与生产效率: A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co</div> </li> <li><a href="/article/3693.htm" title="深入浅出RPC" target="_blank">深入浅出RPC</a> <span class="text-muted">uule</span> <a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a> <div>深入浅出RPC-浅出篇深入浅出RPC-深入篇 RPC Remote Procedure Call Protocol 远程过程调用协议它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>