JQuery重要知识点】的更多相关文章

jquery 重要知识点总结1.一组标签用一个ul来管理,每一个标签是ul中的一个li:标签下面的内容就是用div来管理2.跟在浮动元素(float)之后的元素会围绕着浮动元素,如果不希望有这种围绕,可以在浮动元素之后的那个元素上定义clear属性,来清除这种效果.3.实现当前标签和内容区域的融合,可以通过使用相同的背景色,外加当前标签使用同颜色的边框来实现.4.JQuery中的mouseover,mouseout方法对应标准javascript的onmouseover,onmouseout事件…
1.jQuery插件小知识点: 估计很多人都没弄明白下面的东西,特从网络上搜索了下面的知识,自己以后用起来也比较方便: $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例(对象)每一个有效.  如扩展$.fn.abc()  那么你可以这样子:$("#div").abc();  通常使用extend方法扩展,详细请看API. $.fx是指jquery的特效. 如果使用显示.滑动.淡入淡出.动画等. $.fx.off可以关闭动画,其实是直接显示结果. jque…
在实际开发中,jQuery的实践性非常强大.上一篇本人已经整理出了一部分基础知识点,该文即是对以上的补充和扩展. 1.表单值的操作 //获取文本框的值 //txt.value var val = $("#txt").val(); //没有参数表示获取值 //设置文本框的值 //txt.value = "123123"; $("#txt").val("这是val设置的值"); // 有参数表示设置值 2.属性操作 // 设置属性…
1. jquery特点 2. jquery中css选择器用法 jQuery使用了一套css选择器,共有5种,即标签选择器,ID选择器,类选择器,通用选择器和群组选择器,现分述如下:   标签选择器 用于选择HTML页面中已有的标签元素,又称元素选择器,格式:$("element"),如$("div"),同getElementByTagName (一个返回的是jquery对象,一个返回的是DOM对象) ID选择器 用于获取某个具有id属性的元素,格式如下:$(&quo…
1.样式属性操作     1)设置样式属性操作         ①设置单个样式: // 第一个参数表示:样式属性名称 // 第二个参数表示:样式属性值 $(selector).css(“color”, “red”); ②设置多个样式(也可以设置单个) // 参数为 {}(对象) $(selector).css({“color”: “red”, “font-size”: “30px”}); 2)获取样式属性操作 // 参数表示要获取的 样式属性名称 $(selector).css(“font-si…
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展.我们称B的原型为A. 2 javascript的方法可以分为三类: a 类方法 b 对象方法 c 原型方法 例子: function People(name) { this.name=name; //对象方法 this.Introduce=function…
首先:(function($){...})为Jquery提供的匿名函数: 代码实例(一) <script type="text/javascript"> (function(name){ alert(name); })("GaoHuanjie"); </script> 上面代码中执行的JavaScript脚本和“(function($){...})(jQuery)”是一样的,也就是说“(function($){...})(jQuery)”中的…
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend(); 一. $.extend()方法 $.extend()方法在JQuery中有两个用法: 第一种是Jquery的扩展方法: 实例: 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. jQuery便是一个封装得非常好的类,比如我们用 语句 $("#btn1") 会生成一个 jQuery类的实例. jQuery.extend(object); 为…
jQuery基本选择器----包括ID选择器,标签选择器,类选择器,通配选择器和组选择器5种 a. ID选择器: $("#id") b. 标签选择器:$("element") c. 类选择器:$(".className") d. 通配选择器:$("*") 匹配指定上下文中所有元素 e. 组选择器:$("selector1,selector2,selectorN") 特点:无数量限制,以逗号分隔 (逐个匹配,…
<table cellSpacing="0" cellPadding="0" width="609" height="470" align="center" border="0"> <link href="../Css/default.css" rel="stylesheet" type="text/css"&…
一.jquery的加载方法 $(document).ready(function(){js代码}); $(function(){js代码});(一般使用这个); 注意点1:使用jquery必须先导入函数库文件,使用一个单独的script标签,结束代码另起一行script. <script src="./jquery-1.12.4.js"></script> <script>js的代码</script> 注意点2:在加载完毕后需要判断是否加…
一.jquery的加载方法 $(document).ready(function(){js代码}); $(function(){js代码});(一般使用这个); 注意点1:使用jquery必须先导入函数库文件,使用一个单独的script标签,结束代码另起一行script. <script src="./jquery-1.12.4.js"></script> <script>js的代码</script> 注意点2:在加载完毕后需要判断是否加…
1.JQuery 名称解释 JQuery是封装了常用JS操作函数的一个库文件JQuery = Javascript + Query (查询)Jquery意思即指: 强大的DOM节点查询 2.官网:http://jquery.com/ JQuery2.*不再支持IE6.7.8,上线环境使用压缩版可以省带宽 3.基本选择器 同CSS选择器 <body> <div id="test1">id test1</div> <div class="…
1]关于页面跳转 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 ,在mvc项目中实践得到 parent.location.href='/'可以从任何以页面跳转到登录页面,但是会出现本页面镶嵌登录页面的情况,而top.location.href='/'则可以避免这种情…
示例: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div id='d'>1</div> <div> <div id='i1' name='123'> <h1>fff</h1> 2 <a id='v'>ff</a> <h1>fff</h1> </div> <div> 大丰收的 <div>3</div> <div…
链式编程 通常情况下,只有设置操作才能把链式变成延续下去.因为获取 操作的时候,会返回获取到的响应的值,无法反对jQuery对象. //end(); 筛选选择器会改变jQuery对象的DOM对象,想要回复制到上一次的状态,并且返回匹配元素之前的状态. each方法 Jquery的隐士迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每个对象设置不同的值的时候,就需要自己进行迭代了 作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数 //参数1:表示当前元素在所有匹配元素中的索引号…
1.选择器:查找和过滤 查找:向下查找用find(),  向上查找用parent(),  同级查找用next(),  prev() 过滤:和函数式编程的map.filter类似,jQuery对象也有类似的方法 filter()方法可以过滤掉不符合选择器条件的节点:只拿到有dy类名的li元素 var langs = $('ul.lang li'); // 拿到JavaScript, Python, Swift, Scheme和Haskell var a = langs.filter('.dy');…
http://www.cnblogs.com/cwp-bg/p/7633623.html 一.jquery的加载方法 $(document).ready(function(){js代码}); $(function(){js代码});(一般使用这个); 注意点1:使用jquery必须先导入函数库文件,使用一个单独的script标签,结束代码另起一行script. <script src="./jquery-1.12.4.js"></script> <scri…
1.链式操作 $(function(){ /*var oDiv = $('#div1'); oDiv.html('hello'); oDiv.css('background','red'); oDiv.click(function(){ alert(123); });*/ $('#div1').html('hello').css('background','red').click(function(){ alert(123); }); }); 2.取值赋值合体 $(function(){ //o…
[简单的JQuery]注册事件的函数. $(document).ready(function(){}) [JQuery提供的函数]$.map(array,fn) 对数组array中每个元素调用fn函数逐个进行处理,fn函数将处理返回,最后得到一个新的数组. var arr = [3,5,9]; var arr2 = $.map(arr,function(item){return item*2});$.map不能处理Dictionary风格的数组. $.each(array,fn) 对数组arra…
//get() : 就是把JQ转成原生JS,可以让通过jquery获得元素使用JS的innerHTML方法. $(function(){ //document.getElementById('div1').innerHTML //alert($('#div1_id').get(0).innerHTML );//get()方法返回的是集合,所以即使只有一个也要用下标0: /*for(var i=0;i<$('li').get().length;i++){ $('li').get(i).style.…
jQuery是一个优秀的.轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),而jQuery2.0及后续版本将不再支持IE6/7/8浏览器.jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用).events.实现动画效果,并且方便地为网站提供AJAX交互.jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择. 1.jQuery入口函数与…
<精通ASP.NET MVC3框架>第20章 1.jQuery文件jquery-1.5.1.js:jquey核心库常规版jquery-1.5.1.min.js:jquery核心库最小化版jquery-ui.js:jquery ui库的常规版jquery-unobtrusive-ajax.js:非唐突ajax支持库的常规版jquery-validate.js:非唐突客户端验证的常规版jQuery-1.5.1-vsdoc.js:对核心库的只能感知支持 添加智能感知:@if (false) { &l…
Jquery是一个优秀的js库,它简化了js的复杂操作,不需要关心浏览器的兼容问题,提供了大量实用方法. Jquery的写法 方法函数化 链式操作 取值赋值合体] $(“p”).html();   取值 $(“p”).html(‘hello’);  赋值 (当一组元素的时候,取值是一组中的第一个,赋值是一组中的所有元素.) Jq与js可以共存,不能混用 主要的筛选方法 has()   not()   filter() next()   prev()    find()   eq()   inde…
jQuery本质上就是一个外部的js文件(jQuery.js),该文件中封装了很多js代码,实现了很多功能.并且jQuery有非常丰富的插件,大多数功能都有相应的插件解决方案.jQuery的宗旨是write less, do more. (写的更少,做的更多). 一.语法简介 $("选择器") 或 jQuery("选择器") var 元素对象 = $("选择器"); eg: var 元素对象 = $("#id值"); 元素对象…
目录 jQuery jQuery介绍 jQuery的优势 jQuery的引入方式有两种: jQuery对象和dom对象 jQuery选择器 基本选择器(同css) 基本筛选器(选择之后进行过滤): 属性选择器: 表单筛选器 表单对象属性: 筛选器方法(用的很多) 标签操作 文本操作 值操作 属性操作 文档处理 each循环 data 插件(了解) jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML…
1.$("#tdGeo input[type='checkbox']:checked")   ---筛选出所有已经Check的Checkbox 2.$("#tdCountry input[type='checkbox']").attr('disabled', 'disabled').removeAttr("checked");  ---添加Disabled属性和删除Checked属性 3.$("#stateOptions").…
arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]arguments[n]参数function :选项.当前正在执行的 Function 对象的名字. n :选项.要传递给 Function 对象的从0开始的参数值索引. 说明 Arguments是进行函数调用 时,除了指定的参数外,还另外创建的一个隐藏对象.Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方 式,可以由arguments[n]来访问对应的单个参…
//计算checkbox有多少个被选中 $("input[name='user_apply']:checked").length)://可以查看 所有的name=user_apply被选中的checkbox的个数…
1.第一个jq程序 a.jq对象和dom对象的方法不能混用 b.dom对象转换成jq对象$(dom),jq对象转换成dom对象jq[0],转换之后方法就可以使用了 2.jq选择器 基本选择器 $('body') //标签选择器 $('#btn') //id选择器 $('.class') //类选择器 $('p:odd') //奇偶行选择器 $('p:even') $('p:first') //页面中的第一个p $('p:last') $('p:first-child') //p的父元素的第一个子…