Jquery学习
关注
分享
扫一扫
Uno2
活泼，开朗，有上进心。善于结交朋友。
展开
-
JQuery中基本选择器
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> $(function() { //基本选择器 //1. * 代表所有的选择器 // $("*").css("border", "1px solid red原创 2016-04-29 13:54:21 · 369 阅读 · 0 评论 -
Jquery中表单事件
.focusin { background-color: green; font-weight: bold; } $(function() { //获得焦点触发 $("input[name='name']").on("focus", function() { $(this).addClass("focusin"); }原创 2016-04-30 21:35:54 · 552 阅读 · 0 评论 -
Jquery获取和修改dom元素的属性值
获取内容的方式： - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值代码： function showInp原创 2016-04-18 21:31:36 · 3535 阅读 · 0 评论 -
JQuery中选择器
$("*")选取所有元素在线实例$(this)选取当前 HTML 元素在线实例$("p.intro")选取 class 为 intro 的 元素在线实例$("p:first")选取第一个 元素在线实例$("ul li:first")选取第一个 元素的第一个原创 2016-04-19 09:59:01 · 330 阅读 · 0 评论 -
Jquery 的spilce和grep
学习js原生态方法splice，即删除数组中制定元素var arr = ['a','b','c','d'];arr.splice($.inArray('c',arr),1);alert(arr);而grep函数则是采用过滤，对数组中的每个元素进行过滤，效率较慢英文名参数中文说明array:待过滤数组。callb原创 2016-07-05 21:55:05 · 869 阅读 · 0 评论 -
JSON和js对象转换
js中json的那些事前后台交互时，json数据传递的最多，下面就总结了从json字符串和js对象之间的转换 $(function() { //1、json字符串转对象（eval），Eval方式可以转换以下标准和非标准格式字符串： var jsonStr = '{"name":"毛毛"}'; console.info(eval('原创 2016-09-08 16:40:45 · 573 阅读 · 0 评论 -
Jquery选择器和css选择器的3中表示方法
/*如果同时设置多个属性,需要用,隔开 表示设置class=ul和class=li的元素的样式 2*/ .ul,.li{ color: navajowhite; cursor: pointer; } /*如果想要设置选择元素后代的样式,需要用空格隔开， * 表示设置id=div1标签下的class=ul下的class=li的元素样原创 2016-12-15 20:29:04 · 569 阅读 · 0 评论 -
jQuery之map（）和get（）
转自：点击打开链接jQuery下有个概念叫“类数组”，比如$( " li " )，当取到一个集合的时候，会有数组的一些属性，但是instancseof Array仍然是false。但是var a=$( "li" ).get（）这样处理一下，然后instancseof Array就返回true。 要注意var a=$( "li" ).get（1）里头加序列号可以取到单个元素，这转载 2016-12-22 13:32:53 · 488 阅读 · 0 评论 -
jquery常用函数
1、过滤first(): 返回被选中元素的首个元素last(): 末个元素eq(n): 第n个元素filter():指定一个标准，不匹配这个标准的元素会从集合中删除，匹配的元素会被返回下面的例子将会返回带有类名为“info”的所有元素$("p").filter(".info");not(): 返回不匹配标准的所有元素2、append()和after()a原创 2017-10-11 21:42:55 · 737 阅读 · 0 评论 -
关于前端优化的几个建议
不知道是哪位大牛的文章，转过来回答。 前端优化的途径有很多，按粒度大致可以分为两类，第一类是页面级别的优化，例如 HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 ;第二类则是代码级别的优化，例如 Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等 一、页面级优化 1. 减少 HTTP请求数 这条策略基本上所有前端人都知道，而且转载 2017-10-13 20:39:28 · 678 阅读 · 0 评论 -
Jquery之键盘输入数字转换大写
#show { background-color: lightgray; height: 50px; width: 200px; } var numarr = new Array("零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"); $(function() { $("input")原创 2016-04-30 21:15:16 · 2492 阅读 · 0 评论 -
Jquery中事件的绑定和解除
.div{ background-color: #0000FF; align-content: center; width:100px; height: 200px; } console.info("this1： " + this); $(function() { console.info("this2：" + this)原创 2016-04-30 17:40:28 · 497 阅读 · 0 评论 -
JQuery位置选择器
//位置选择器 //选择li的第一个元素 $("li:first").css("border", "3px solid #FF0000"); //最后一次出现的div $("div:last").css("border", "3px solid #FF0000"); //选择奇数段落（下标从0开始） $("p:odd").css("border",原创 2016-04-29 14:18:55 · 406 阅读 · 0 评论 -
Jquery属性选择器
//属性选择器//1. 把所有input的文本输入框标红$("input[type='text']").css("border", "1px solid red");//2. 把以.com结尾的超链接标红$("a[href$='.com']").css("border", "1px solid red");//3. 以http://开头的超链接$("a[href^='http://']原创 2016-04-29 13:55:41 · 443 阅读 · 0 评论 -
Jquery层叠选择器
//层叠选择器 //1. 后代选择器（不分层次）选中属于第一个ul的所有li节点；基准节点 空格 目标节点 $("ul:first li").css("border", "3px solid gray"); //2. 直属子节点选择器： 基准节点 大于号 目标节点 $("ul:first>li").css("border", "3px solid red");原创 2016-04-29 14:36:02 · 616 阅读 · 0 评论 -
Jquery内容选择器和表单选择器
//内容选择器 //1. 选取内容包含is的段落 /*$("p:contains(is)").css("border", "3px solid red"); //2. 获取拥有input后代标签的div标签 $("div:has(input)").css("border", "3px solid red");*/ //和层叠选择器($("div input"原创 2016-04-29 15:05:47 · 601 阅读 · 0 评论 -
Jquery之子选择器和可见性选择器
//子选择器 //1、选择所有位于其父节点后的第一个位置是指定元素（li）的元素子节点，如果li在ul的第一个位置，则不会被选择 $("li:first-child").css("border", "3px solid green"); //2、选择所有位于其父节点后的最后一个位置是指定元素（li）的元素子节点 $("li:last-child").css("bor原创 2016-04-30 06:58:04 · 569 阅读 · 0 评论 -
Jquery之元素属性的设置和获取
$(function(){ //attr函数不是js的函数，而是jquery扩展的函数 //意思是获取或者设置指定元素的属性 //1、设置百度的超链接，需要2个参数（key value） $("#aBaidu").attr("href", "http://www.baidu.com"); //2、获取指定属性值(参数为一个) $("#aBaidu")原创 2016-04-30 07:58:20 · 754 阅读 · 0 评论 -
Jquery之获取和设置元素内容
$(function(){ //1、设置内容 $("#divHtml").html("nice to meet you"); $("#divText").text("nice to meet you"); //2、获取内容 $("#divHtml").html(); $("#divText").text(); //3、设置input的valu原创 2016-04-30 08:12:58 · 708 阅读 · 0 评论 -
Jquery之访问元素内容
$(function(){ //1、设置内容 $("#divHtml").html("nice to meet you"); $("#divText").text("nice to meet you"); //2、获取内容 $("#divHtml").html(); $("#divText").text(); //3、设置input的valu原创 2016-04-30 10:16:57 · 395 阅读 · 0 评论 -
jQuery中this与$(this)的区别
学习Jquery的时候，遇到一个问题：$(function() { console.info("this2：" + this); $(".div").on("mouseover", function(){ console.info("(this)3: " + this); console.info("$(this)3: " + $(this));原创 2016-04-30 17:38:29 · 1349 阅读 · 0 评论 -
正则表达式之捕获组和非捕获组
关于捕获的一些主要用法(?:X)(?=X)(?(?!X)(?捕获要书明白捕获，就要先从分组开始。重复单字符我们可以使用限定符，如果重复字符串，用什么呢？ 对！用小括号，小括号里包裹指定字表达式（子串），这就是分组。之后就可以限定这个子表示的重复次数了。那么，什么是捕获呢？使用小括号指定一个子表达式后，匹配这个子表达式的文本（即匹配的内容）可以在表达式或者其他过程中接转载 2018-01-23 15:08:12 · 3881 阅读 · 1 评论