JQuery
关注
分享
扫一扫
无盐海
太过安逸的日子给人未必是幸福，它很有可能毁了一个人的理想，腐蚀一个人的心灵
展开
-
Jquery获取子类，同级类 第几个元素
$('.test').parent();//父节点$('.test').parents();//全部父节点$('.test').parents('.test1');//含有类名.test1的父节点$('.test').children();//全部子节点$('.test').children('li');//元素为li的全部子节点$('.test').prev();//上一个兄弟节点$...原创 2020-02-28 00:51:01 · 4858 阅读 · 0 评论 -
【jquery事件对象event】| jqeury bind 绑定事件与 unbind删除绑定事件| pageX pageY
a b c //绑定一个事件 $("#a").bind("click", function () { alert("单击事件"); }) //同时绑定多个事件,每个事件执行不同的任务 $("#b").bind({ "mouseover": function () {原创 2015-04-11 21:50:24 · 1875 阅读 · 0 评论 -
-----------javascript 数组--------------------
《1》数组的创建 <script type="text/javascript"> //创建一个数组，并指定它的长度为5【虽然指定了数组长度为5，实际情况下仍然可以将元素存储在规定长度以外的，注意：这时数组长度会随之改变。】 var arrayObj = new Array(5); var arrayObj = new Array(); // 创建一个...原创 2015-04-20 09:37:39 · 1209 阅读 · 1 评论 -
获取Confirm() 的返回值
1》OnClientClick="javascript: var a=confirm('你确定要删除吗？');if(!a){return false)}" return false的意思是表示：取消冒泡，取消默认事件2》OnClick="javascript: var a=confirm('你确定要删除吗？');if(!a){return false)}"原创 2015-09-20 23:32:23 · 12032 阅读 · 1 评论 -
DOM 与Jquery模拟表单提交
1 /* //第一种：直接点击submit按钮提交 //第二种提交表单的方式： 点击button按钮后，直接将form表单提交了 window.onload = function () { document.getElementB原创 2015-11-08 15:56:53 · 1403 阅读 · 0 评论 -
Js 最原始的表单验证 |将数据提交到百度搜索
1 用户名： 密码： 手机： 邮箱： 年龄： function checkForm() { if (documen原创 2015-11-08 14:04:50 · 2155 阅读 · 0 评论 -
AJAX分页 (内容涉及到 数据库存储过程)
首先我们在数据库（SQL Server）中声明定义存储过程use salesif(exists(select * from sys.objects where name='proc_location_Paging'))drop proc proc_location_Paginggocreate proc proc_location_Paging --创建存储过程(@page原创 2015-01-17 01:11:33 · 2056 阅读 · 0 评论 -
js分页页码
使用AJAX分页 table{ margin:80px 600px; } td{ width:50px; height:auto} div{ width:50px; height:30px; border:1px solid Black; background-color:lavender; line-height:30px ; t原创 2015-01-18 23:51:26 · 2566 阅读 · 0 评论 -
jquery 进度条 滑块
《jQuery滑动选取数值范围插件》有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。本文向大家介绍一款范围选择器插件jRange，它是基于jQuery的一款简单插件。本站之前有类似文章：jQuery+CSS使用滑块选取价格范围，其中不太好的地方是使用了jquery转载 2015-04-21 20:58:45 · 1961 阅读 · 0 评论 -
UEditor | 百度富文本使用
《1》首先我们需要来认识下UEditor，它是由百度web前端研发部开发所见即所得富文本web编辑器，并且是基于BSD协议的开源产品，允许自由使用和修改，这也是小编最看中它的地方，开源就意味着可以自己来定制这个编辑器。接着我们来下载这个编辑器，打开UEditor的官方主页点击下载 因为我们是基于ASP.NET进行开发，所以这里 选择 [1.4.3 .Net 版本] UTF原创 2015-04-21 14:51:20 · 2183 阅读 · 2 评论 -
Jquery 对Array处理的两个函数 $.map() 和 $.each() 和some 遍历
对于普通的数组如 var arr=[1,3,5] 就用$.each(arr,function(){alert(this)}) 输出的结果就是数组元素的值，这个this就是指当前处理这个元素（key）的值(value)对于字典dictionary风格的Array 如 var arr={"tom":20,"jeek":25,"jos":26} 就用$.each(arr , function(ke...原创 2014-03-24 00:12:01 · 2146 阅读 · 0 评论 -
Jquery节点遍历
Jqeruy节点遍历 //节点遍历 /*--next()方法用于获取“节点之后”挨着它的第一个“同类同辈”元素--*/ $(function () { /* $("div").click(function () { alert($(this原创 2014-07-22 01:22:03 · 1750 阅读 · 2 评论 -
MVC validate数据验证
@{ Layout = null;} Index 用户名： 密码： 重复密码： 年龄： 邮箱：原创 2015-03-16 11:15:53 · 2031 阅读 · 0 评论 -
javascript 数组，数组中添加新元素 push() ，unshift() 相当于Add()
var a = []; //建立数组 push 方法 将新元素添加到一个数组中，并返回数组的新长度值。原创 2014-10-19 11:01:30 · 2935 阅读 · 0 评论 -
radio 判断一个元素是否被选中
选中有一个elem元素,现在判断它是否被选中 ，之前我们使用的是 $(elem).atter("checked") 可是有时候不管用。后来使用这种方式就可以了如果被选中则返回true，未被选中则返回falseif ($(elem).prop("checked") == true) { IsDefault = 1;} else { IsDefault = 0;原创 2016-07-05 17:18:53 · 4994 阅读 · 0 评论 -
jquery 验证码
自己写一个Jquery的验证码<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src=原创 2018-06-14 17:01:03 · 3441 阅读 · 3 评论 -
jquery实例
.class1{ background-color:Red} .class2{ background-color:Blue} .class3{ font-size:xx-large} .class4{ counter-reset:inherit} /* //JQuery计算器 $(function原创 2013-10-22 22:42:30 · 829 阅读 · 0 评论 -
Js获取请求地址的参数
Js获取请求地址的参数/*获取参数*/function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = decodeURI(window.location.search).substr(1).match(reg); if (r !=原创 2017-11-08 14:20:07 · 887 阅读 · 0 评论 -
不要过度依赖JQuery
毫无疑问，JQuery是一款非常优秀的JavaScript库，它让我们开发项目变得更加便捷容易。不过，当你准备在一个项目（特别是移动项目）中使用JQuery时，你真的该好好思考一下，你会用到JQuery的哪些功能，是否真的需要jQuery。因为随着JavaScript的不断改善进化，现在它内置的功能已经非常强大，在很大程度上，已经可以实现以前需要在JQuery中才能实现的技术（如果你的项目原创 2017-01-18 23:47:07 · 698 阅读 · 1 评论 -
Jquery选择器
1.6.3 jQuery选择器（重点）ID选择器（一般尽量用ID选择器，效率最高）$("#id")标签选择器$('p')类选择器$(".className")后代选择器$("li .link")父子选择器$("ul > li")伪类选择器$("ul li:eq(3)")$("li:even")$转载 2017-01-12 23:25:35 · 461 阅读 · 0 评论 -
JQuery +选择器 (你懂的)
下面DOM对象与jquery对象之间的转换 var jquer = document.getElementById("div1"); DOM对象 var dom = $(jquer) //将一个DOM对象转换成一个jquer对象 下面代码将演示一个jquery对象转换成dom对象，再使用dom对象的方法 复制代码 代码如下: var abc=$("#cr"); //jquery对象 var bc = abc[原创 2013-10-12 23:13:01 · 3965 阅读 · 0 评论 -
jquery自定义动画animate()
.test { width: 30px; height: 30px; margin-right: 10px; float: left; background-color: orange; line-height: 30px; tex原创 2015-04-15 17:22:04 · 3355 阅读 · 3 评论 -
JQuery mouse..事件+元素显示隐藏 切换 +淡入淡出+滑动效果。(可以做一个ul li下拉框滑动收起效果：slideUp)
mouseout()与mouseleave()的区别 #pid { border-style:solid; border-color:red; border-width:1px; padding:2px; margin:0px;原创 2013-10-31 00:19:05 · 6064 阅读 · 3 评论 -
display:none | visibility:hidden 的区别
Index4 小苹果 圣女果原创 2015-07-06 00:37:03 · 1665 阅读 · 2 评论 -
HTML data-*自定义属性
HTML5 data-* 自定义属性@{ Layout = null;} Index2 获取data-age的值 获取data-name的值 //第一种方式获取data-age的值 var fun = { GetR原创 2016-07-06 00:03:12 · 3307 阅读 · 1 评论 -
remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点
remove() 删除节点 | detach() 删除节点 | empty() 清空节点的内容 | clone() 复制节点 中国 美国 德国 俄国 removedetachempty原创 2015-04-10 00:06:52 · 3376 阅读 · 0 评论 -
jquery 委托 on() | off()删除委托 | one()只执行一次的委托
《1》 a b c 我是button 百度 //-------------------------------------------------live（） $("button").live("clic原创 2015-04-13 21:25:11 · 4209 阅读 · 0 评论 -
事件冒泡。阻止事件冒泡 |阻止元素的默认行为
如果在页面中重叠了多个元素，并且重叠的这些元素都绑定了同一个事件，那么就会出现冒泡问题。 触发的顺序是从小范围到大范围。这就是所谓的冒泡现象，一层一层往上。 div#a { width: 500px; height: 500px; background-c原创 2015-04-12 20:09:23 · 2990 阅读 · 0 评论 -
$().attr()的用法 && $().html()与$().text()的区别
<1>$().attr()的用法</pre><pre class="html" name="code"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title>原创 2014-07-27 22:50:24 · 5656 阅读 · 1 评论 -
jquery事件 【mousedown与mouseup ----keydown与keypress与keyup】focus--blur--orrer--pageX-pageY
// $(function () { // mousedown 鼠标按下 $("#btn1").mousedown(function () { $("#btn1").val(parseInt($("#btn1").val()) + 1) })原创 2014-07-31 17:36:11 · 3267 阅读 · 1 评论 -
jquery选择器 【radio checkbox】选择 【查找div下的表单具有某种属性的控件 ：注意是div下】
$(function () { $("#btn1").click(function () { alert($("input[name='r1']:checked").val()) //获取选中的值 }) $("#btn2").click(function () {原创 2014-07-29 23:57:40 · 5149 阅读 · 0 评论 -
事件冒泡 ，阻止事件冒泡 e.stopPropagation()
冒泡 $(function () { $("div li").click(function (e) { alert("我是li"); return false; }) $("div ul").click(function (e) { //这个e其实就是even原创 2014-07-30 17:22:15 · 10404 阅读 · 1 评论 -
输入文本框【提示文字】的设置与清空
输入文本框提示文字的清空 //当用户刚进入页面，在文本框中用灰色文字提示用过应该做什么，点用户点击这个文本框的时候，清空提示文字。 $(function () { var isFirst = true; $("#text1").css("color", "grey").focus(function原创 2014-07-28 17:45:38 · 2836 阅读 · 0 评论 -
用jquery写一个无刷新评论功能
//========================================================设定样式 $(function () { var isFirst = true; $("#text1").css("color", "grey").focus(function () {原创 2014-07-28 23:15:07 · 3741 阅读 · 0 评论 -
Jquery中的事件绑定$("#btn").bind("click",function(){ })
jquery中的事件绑定：$("#btn").bind("click",function(){})原创 2014-07-29 15:15:35 · 7341 阅读 · 1 评论 -
将一个ul下的li转移到另外一个ul里面 【appendTo】
将一个ul下的li转移到另外一个ul里面 $(function () { //创建一个节点 var li = $("中国队美国队巴西队德国队") //给这个节点添加到#ul1里面 $("#ul1").append(li) $("ul li").原创 2014-07-29 10:53:32 · 3453 阅读 · 0 评论 -
将所有div下的所有li的html()值设为"哈哈"，当点击的时候设为"我被点击了",其余没有点击的依然设为“哈哈”
//将所有div下的所有li的名字设为"哈哈"，当点击的时候设为"我被点击了",其余没有点击的依然设为“哈哈” $(function () { var ss = $("div li"); //获取div下的所有li元素 $.each(ss, function () { //遍历获取到的这些li元素 $(原创 2014-07-27 21:40:53 · 1637 阅读 · 0 评论 -
jquery动态添加节点
$(function () { var link = $("百度"); //创建一个节点 $("div:first").append(link); //将link节点添加到第一个div中 var link = $("谷歌"); //重新创建一个节点 $("div:last").append(link);原创 2014-07-27 23:46:23 · 2634 阅读 · 0 评论 -
jqery+dom取值。函数
$(document).ready(function () { $("#but1").click(function () { $("#tex1").hide(); }); }) $(document).ready(function () { $("#but2")原创 2013-11-22 16:03:39 · 1261 阅读 · 0 评论 -
DOM对象与jquery对象对比
/* function gud() { if ($("#TextBox1").val() > 5000) { document.getElementById("TextBox1") $("#Label1").text("余额不足"); return false;原创 2013-11-22 22:06:29 · 1102 阅读 · 0 评论