话不多说 直接上代码前台js: 1var formData = new FormData();2 formData.append("file1",$("#file1")[0].files[0]);//第一个file1代表后台文件属性名,第二个file1表示html中input的id 3$.ajax({4 type:"post",5 url:"ajax/uploadFile",6 data:formData,7 processData : false, 8 contentType : false,9 success : function(res) {
10 console.log(res);
11if(res=="success"){
12 $...
由于项目需要,使用前端、手机客户端调用ASP.NET的Webservice来获取信息.所以这段时间重温一下Jquery与Web Serivce,过程中碰到不少问题,也有不少的收获。Service代码 [WebMethod]public string HelloWorld(){return "Hello World";}[WebMethod]public string myMethod(string para){return "Hi," + para;}[WebMethod][ScriptMethod(UseHttpGet = true)]public string myMethod1(string para){return "Hi," + para;}
Web端...
jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。 如:var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象 如:var $v=$("#v"); //jQuery对象 var v=$v.get(0); //DOM对象 alert(v.checked...
jquery对象: var $abc = $("#abc");dom对象: var abc = document.getElementById(""); 或者 var abc = $abc.get(0); 或者 var abc = $abc[0]; 等等dom转jquery对象: var abc = document.getElementById(""); var $abc = $(abc); 对于checkbox ,js判断是否选中通过 abc.checkedjquery通过$abc.is(":checked") 或者 $abc.prop("checked") 判断是否存在js:if( document.getElementById(""))...jquery: if( $("#abc").length >0).....
jQuery $(document).ready()和JavaScript onload事件 jQuery $(document).ready()和window.onload 根据ready()方法的API说明http://api.jquery.com/ready/ 这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully loaded. 即当DOM加载完毕的时候,执行这个指定的方法. 因为只有document的状态ready之后,对page的操作才是安全的.$(document).ready()仅在...
下面对最后这几个方法进行讲解。 guid():唯一表示(内部) proxy():改变this指向 access(): 多功能值操作 now():当前时间 swap():css交换(内部) guid:这个属性是对事件进行控制的,例如每次对dom元素进行绑定事件的时候,会通过这个属性进行绑定,这个属性每次自增,产生一个唯一的标示,所以对dom元素进行事件解绑等操作的时候,通过这个属性就可以找到。源码:// A global GUID counter for objectsguid: 1,p...
今天在jsp中使用jquery.form.js插件,遇到一个奇怪的地方(第一种引用方式会导致js解析错误),浪费了好多时间,特记录一下待以后研究。/*! * jQuery Form Plugin * version: 3.31.0-2013.03.22 * @requires
jQuery v1.5 or later*/1. 会引起错误的引用方式:<script type="text/javascript" src="/cont-inspec/scripts/jquery.form.js"
/>2. 正确的引用方式:<script
type="text/javascript"
src="/cont-inspec/scripts/jquer...
一、jQuery TE简介官方页面项目Demo官方文档jQuery TE是一款轻量级的jQuery的网页编辑器插件,压缩后只有19.5KB,兼容性非常好的所见即所得的文本编辑器。经过测试,兼容IE6。而且,你可以自定义它的样式,写一些css,不仅仅是textarea,你可以将多种标签变成一个编辑器,比如span,或者p等。兼容性:IE6+、chrome、Firefox、Opera、Safari、Yandex Browser等二、如何使用1、引入文件这里方便使用,引入的为CDN地址,你也可以去官网...
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass")层叠选择器: $("form input") 选择所有的form元素中的inpu...
列表页点击、鼠标经过离开背景变化 <script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script><script type="text/javascript">$(function () {$("table tr").click(function () { $(this).addClass("aliveTrClick").siblings().removeClass("aliveTrClick"); }).mouseover(function () { $(this).addClass("aliveTr"); }).mouseleave(function () { $(this).removeClass("aliveTr"); });});</script> <styl...
先来看个例子:html:1<body>2<button id="btn">按钮</button>3<button id="btn1">按钮1</button>4</body>javascript:1 <script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.js"></script>
2 <script>
3 $(‘#btn‘).click(function(){
4 alert(1)
5 $(‘#btn1‘).click(function(){
6 alert(2);
7 })
8})
9 </script>点击按钮#btn两次会弹出两次1,再点击1次#btn1却弹出两次2,这就是jQuery中的事件叠加问题...
http://www.imooc.com/code/3403如果jQuery没有插件接口的设计,那么他就像个光杆司令没有兵,就是没有手下,只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门 - 插件接口,从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外,也有很多大公司纷纷对它投出了橄榄枝,这也是它成功的关键。 基于插件接口设计的好处也是颇多的,其中一个最重要的好处是把扩展的功能从主体框架中剥离出去,降低了...
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>04-jq事件绑定、入口函数、样式控制</title> 6<script src="js/jquery-3.3.1.min.js"></script> 7<script> 8/*window.onload = function () { //js入口函数9 $("#b1").click(function () {
10 alert("hello jquery");
11 });
12 };*/1314/*$(function () { //jq入口函数(dom文档加载完成之后执行该函数中...
jQuery 1.9.1源码分析已经完毕。目录如下jQuery-1.9.1源码分析系列(一)整体架构jQuery-1.9.1源码分析系列(一)整体架构续jQuery-1.9.1源码分析系列(二)jQuery选择器jQuery-1.9.1源码分析系列(二)jQuery选择器续1jQuery-1.9.1源码分析系列(二)jQuery选择器续2——筛选jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——词法解析jQuery-1.9.1源码分析系列(三) Sizzle选择器引擎——编译原理jQuery-1.9.1源码分析系列(...
参考:1、http://www.cnblogs.com/lanleiming/p/5201677.html#p2Jquery 获取元素的方法分为两种:jQuery选择器、jQuery遍历函数。a.只需要一种jQuery选择器选择器实例说明#Id$(‘#myId‘)ID选择器: 可以获取到ID为“myId”的所有元素,区分大小写 b.多种jQuery选择器组合 b1.jQuery选择器选择器实例说明.class$(‘.myClass‘)类选择器:可以获取到class为‘myClass’的所有元素element$(‘p‘)获取所有的<p>元素:header$(‘:...