一起学习网

为您找到相关结果为 2000 个

jQuery基础知识点总结(必看)3小时前

jQuery是一个优秀的、轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+），而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、e...

jquery 无限极下拉菜单的简单实例(精简浓缩版)3小时前

jquery 无限极下拉菜单的简单实例(精简浓缩版) 积木网 www.gimo...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447479049588736.html">jQuery中的通配符选择器使用总结</a><span class="time">3小时前</span></h4> <p>jquery选择器中的通配符经常用到，大致的用法总结如下：$("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447464860258304.html">移动端jQuery修正Web页面滑动时div问题的两则实例</a><span class="time">3小时前</span></h4> <p>顶部固定时划屏出现闪动头部是一个普通的div，高度是48,头部下面有个固定的banner，手下滑的时候，banner会固定在浏览器最顶部不动。出现的问题是，PC端是好的，手机浏览器向上滑动的时候出现闪动！影响用户体验。解决方法一：之前的做法：if ($(window).scrollTop() ...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447452336066560.html">jQuery增加和删除表格项目及实现表格项目排序的方法</a><span class="time">3小时前</span></h4> <p>增加和删除行 jquery对表格的操作是老生常谈的问题。最近项目中用到了，今天在这里分享一下！效果大体如下：分享一下代码吧！ html<div class="table-responsive" id="Bk_table" style="display:none;"><table class="ta...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447435491741696.html">使用jQuery判断浏览器滚动条位置的方法</a><span class="time">3小时前</span></h4> <p>项目背景 webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。遇到问题 1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447424259395584.html">BootStrap下jQuery自动完成的样式调整</a><span class="time">3小时前</span></h4> <p>1. 覆盖层调整在bootstrap的对话框中，当其中的输入项使用了自动完成控件，则其中下拉框中的内容就会被bootstrap对话框的覆盖层遮盖。为了能够使后面的自动完成的层显示出来，可以使用如下的样式定义：ul.ui-autocomplete{ z-index: 9999; }2. 自动完成选择...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447403052994560.html">jquery获取form表单input元素值的简单实例</a><span class="time">3小时前</span></h4> <p>一般取值方法 $("#id").val(); $("#id").attr("value"); //其中value是元素的属性名如<s:textfield id="cifName" key="cifName" name="#request.consBean.cifName" />的id,key...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447384950378496.html">使用JQuery 加载页面时调用JS的实现方法</a><span class="time">3小时前</span></h4> <p>1,window.onload = function() {}; 2,$(document).ready(function() {}); 一、一般的加载页面时调用js方法如下：window.onload = function() { $("table tr:nth-child(even)").a...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447366403166208.html">jquery获取复选框checkbox的值实现方法</a><span class="time">3小时前</span></h4> <p>jQuery API ： each(callback)：:以每一个匹配的元素作为上下文来执行一个函数。 :checked ：匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option) js：//js获取复选框值 var obj = document.getElementsBy...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447345414868992.html">浅析jQuery中使用$所引发的问题</a><span class="time">3小时前</span></h4> <p>废话不多说，先看下面一段代码：var lis = $("li"); console.log(lis);// m.fn.init[10] 0:li 1:li 2:li 3:li 4:li 5:li 6:li 7:li 8:li 9:li context:document length:10prevOb...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447329753337856.html">基于jQuery实现仿百度首页选项卡切换效果</a><span class="time">3小时前</span></h4> <p>以下代码比较简单，所以没给大家附太多的注释，有问题欢迎给我留言，具体详情请看下文代码吧。先给大家展示下效果图：代码如下：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447318684569600.html">jQuery实现图像旋转动画效果</a><span class="time">3小时前</span></h4> <p>废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447309570347008.html">jQuery中使用animate自定义动画的方法</a><span class="time">3小时前</span></h4> <p>动画 animate()01.animate()方法的简单使用有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就是强大的animate方法了。操作一个元素执行3秒的淡入动画，对比下一下2组动画设置的区别。$(elem).fadeOut(3000) $(elem).animate({ ...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447295905304576.html">浅谈jQuery 中的事件冒泡和阻止默认行为</a><span class="time">3小时前</span></h4> <p>1、事件冒泡<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getSch...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447278066929664.html">jquery取消事件冒泡的三种方法(推荐)</a><span class="time">3小时前</span></h4> <p>1、通过返回false来取消默认的行为并阻止事件起泡。 jQuery 代码:$("form").bind("submit", function() { return false;});2、通过使用 preventDefault() 方法只取消默认的行为。 jQuery 代码:$("form").bi...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447267757330432.html">jqueryMobile 动态添加元素,展示刷新视图的实现方法</a><span class="time">3小时前</span></h4> <p>jQuery Mobile的是一个很好的移动开发框架，你可能已经知道，虽然它有很多难以解决的问题，但是我相信后续版本jquery会修复……我是很喜欢jquery的。这并不是说它很完美无暇，很多开发人员遇到的情况也都难解决，比如：尝试使用代码来添加，更新或删除元素，使用JavaScript的页面跳转。...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447258047516672.html">JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法</a><span class="time">3小时前</span></h4> <p>在jQuery EasyUI中，如果直接在form上布局时当窗口大小调整布局不会改变，将布局应用于body时中间隔着一个form，横竖不好弄。网上有多个解决方案，一般都是写代码，在窗口大小改变时设置布局。经实验，新版本的JQuery EasyUI中布局可以采用以下方式来达到自动适应大小：首先设...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447246349602816.html">jQuery操作动态生成的内容的方法</a><span class="time">3小时前</span></h4> <p>本文实例讲述了jQuery操作动态生成的内容的方法。分享给大家供大家参考，具体如下：由于jQuery是页面一加载获取页面元素的，后期动态生成的元素，通过$("#xxxx")获取不到，需要用原始的js语句来获取：document.getElementById("xxx").value对于动态生成的元...</p> </div> <div class="item"> <h4><a href="http://www.14study.cn/news/01121447231937974272.html">jQuery控制li上下循环滚动插件用法实例(附demo源码下载)</a><span class="time">3小时前</span></h4> <p>本文实例讲述了jQuery控制li上下循环滚动插件用法。分享给大家供大家参考，具体如下：/**** jQuery scrollQ plugin li上下滚动插件* @name jquery-scrollQ.js* @author Q* @date 2012-03-23* line 显示li行数* s...</p> </div> </div> <div id="newsPage" style="text-align: center; padding:30px 0"></div>  </div> </div>  <div class="micronews-footer-wrap"> <div class="micronews-footer w1000"> <div class="ft-nav"> </div> <div class="Copyright"> <span>Copyright </span> ©<span>一起学习网 </span><span>粤ICP备09073859号</span> <span> 技术支持 </span> <span><a href="https://www.zmcms.com" target="_blank">战马群站系统</a></span> </div>  </div> </div> <script src="https://cmscdn.qiping.cn/cms/lib/layui/layui.js"></script><script src="https://cmscdn.qiping.cn/cms/lib/layui/laypageUtil.js"></script> <script> layui.config({ base: 'https://cmscdn.qiping.cn/cms/web/default/js/' }).use('index',function(){ var index = layui.index; //index.Page('micronews-search-test',50) index.omitted('.item p',150) //index.seachBtn(); index.arrowutil() }); var page = '1'; var pageSize = '20'; var total = '2000'; laypageUtil_1("newsPage", pageSize, page, total, "?"); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a2943f81fb37ac0c1956a3fddee9374c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="//js.users.51.la/21800041.js"></script> </body> </html>