笔记之_Java整理jquery

$.extend扩展
Jquery的bin绑定事件,unbind取消所有事件
http://jquery.cuishifeng.cn/
Jquery学习地址:http://www.runoob.com/jquery/jquery-plugin-validate.html
Jquery学习地址:http://www.haorooms.com/post/jquery_selecter_zj
使用ajax的jsonP跨域请求数据,需要在服务器对数据进行处理
    ajax跨域请求会传过来一个参数如callback
    判断这个参数是否为空
    不为空时取出值,使用request.getWriter().println(callback+”(”json对象+”)”)
Window.loaction.href=””跳转
框架不能按照意愿修改
框架前段离不开Ajax,后端离不开servlet
.toFixed(2)保留两位小数
.prop("checked",true/false)设置是否被选中
.prop("checked")判断是否被选中
.parseDouble("String")转换为小数
.find("td")找到子类名称标签
each(cks,function(i,obj){})obj为DOM文档对象
原始的javascript取值:
getElementById(id)  document  dom1&2
getElementsByClassName(name)  document  dom3
getElementsBy Name(name)  document  dom1&2
getElemenstByTag Name(name)  document  dom1&2
getElementsByTag NameNS(name)  document  dom1&2
dom1&2支持IE8以下及以上版本
dom3支持IE9以上版本(html5最新标签)
原始的javascript对表格、或者其它节点操作非常复杂的,考虑兼容性的问题,
各版本语法不一致
onClick:IE8及以下没有问题的,火狐用 click
jquery 最核心的、最强大的 是它的选择器
页面加载完成后:
    $(document).ready(function(){
});
$(funcution(){
});
JavaScript与jquery初始化区别:
    Window.onload=function(){
        alert(‘a’);
};
Window.onload=function(){
        alert(‘b’);
};
只输出b,后面的onload事件覆盖前面的onload事件
执行时机:必须等待网页中的内容执行完成后才能执行(包括图片)
$(document).ready(function(){
    alert(‘a’);
});
$(funcution(){
    alert(‘b’);
});
依次输出a、b累加操作
执行时机:网页中所有的DOM结构绘制完成后就执行,可能元素关联的内容并没有加载完

将值转换为number类型:
        parseInt(this.value);
查找父级或兄弟级节点:
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点
jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个
jQuery对象返回,children()则只会返回节点
jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll(),返回所有之前的兄弟节点
jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll(),返回所有之后的兄弟节点
jQuery.siblings(),返回兄弟姐妹节点,不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从元素开始找,等同于$("p span")
根据class取得多个对象,并取得他们的值:
    $(‘.mycount‘).each(function(){ arr.push(parseInt($(this).val())); });
标签显示内容设值:
    .text(vale);
    .html(value);
表单value设值:
    .val(value);
移除一行数据:
    $(this).parents(‘tr‘).remove();
复选框是否被选中
    .is(‘:checked‘)
复选框设值,是否被选中
    .attr(‘checked‘,’true’);
    .removeAttr("checked");
复选框已选中个数:
$(".ck:checked").length;
复选框:
取得值
    $("input[type=‘checkbox‘]").prop("checked");
设定值
   $("input[type=‘checkbox‘]").prop("checked",true/false);
循环选中复选框:
$(".ck:checked").each(function(){});

循环遍历
$.each(数组,事件(下标,对象));
$.each(对象,事件(键,值));
$.each(数组对象,事件(下标,对象));
DOM节点操作:
在选择器的里面的最后面添加 标签内容
 选择器.append(“标签内容”);
  <p>Hello</p>
 $(“p”).append(“<h1>你好</h1>”);
 结果:  <p>Hello <h1>你好</h1> </p>
在选择器的里面的最前面添加 标签内容
选择器.prepend(“内容”)
<p>Hello</p>
 $(“p”).prepend(“<h1>你好</h1>”);
 结果:  <p><h1>你好</h1>Hello  </p>
把选择器元素全部删除
 选择器.remove();
 <p>Hello, <span>Person</span> <a href="#">and person</a></p>
 $(“p”).remove();
把选择器元素里面的内容删除
选择器.empty();
<p>Hello, <span>Person</span> <a href="#">and person</a></p>
 $(“p”).empty();  -->  <p></p>
Jquery 使用ajax最完整写法
   $.ajax({
       type:”get/post”,
       url:”请求地址”,
       data:{“userName”: “wy” ,  “password”:”111”}  //post用的
       async:true/false,      是否异步
       cache:true/false,      是否缓存页面,false url?r=Math.random()
       dataType:”text/html/script/xml/json/jsonp”,  返回类型
       success:function( 变量名 ){
              解析
       },error:function(e){
            //出错操作
       }
   });

Jquery 使用ajax简洁写法,方便更多人用,精简
  $.get(url ,{参数名:值 ,参数名:值 },function(变量名){
          解析
 });

  $.post(url ,{参数名:值 ,参数名:值 },function(变量名){
          解析
 });
JSON(JavaScript Object Notation)和JSONP(JSON with Padding)区别:
JSON是一种数据交换格式,
JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。

Jquery选择器:
基本选择器
$(‘*’)     匹配页面所有元素
$(‘#id’)     id选择器
$(‘.class’)     类选择器
$(‘element’)     标签选择器
组合/层次选择器
$(‘E,F’)     多元素选择器,用”,分隔,同时匹配元素E或元素F
$(‘E F’)     后代选择器,用空格分隔,匹配E元素所有的后代(不只是子元素、子元素向下递归)元素F
$(E>F)     子元素选择器,用”>”分隔,匹配E元素的所有直接子元素
$(‘E+F’)     直接相邻选择器,匹配E元素之后的相邻的同级元素F
$(‘E~F’)     普通相邻选择器(弟弟选择器),匹配E元素之后的同级元素F(无论直接相邻与否)
$(‘.class1.class2’)     匹配类名中既包含class1又包含class2的元素
基本过滤选择器
$("E:first")     所有E中的第一个
$("E:last")     所有E中的最后一个
$("E:not(selector)")     按照selector过滤E
$("E:even")     所有E中index是偶数
$("E:odd")     所有E中index是奇数
$("E:eq(n)")     所有E中index为n的元素
$("E:gt(n)")     所有E中index大于n的元素
$("E:ll(n)")     所有E中index小于n的元素
$(":header")     选择h1~h7 元素
$("div:animated")         选择正在执行动画效果的元素
内容过滤器
$(‘E:contains(value)’)     内容中包含value值的元素
$(‘E:empty’)         内容为空的元素
$(‘E:has(F)’)     子元素中有F的元素,$(‘div:has(a)’):包含a标签的div
$(‘E: parent’)     父元素是E的元素,$(‘td: parent’):父元素是td的元素
可视化选择器
$(‘E:hidden’)     所有被隐藏的E
$(‘E:visible’)     所有可见的E
属性过滤选择器
$(‘E[attr]’)         含有属性attr的E
$(‘E[attr=value]’)     属性attr=value的E
$(‘E[attr !=value]’)     属性attr!=value的E
$(‘E[attr ^=value]’)     属性attr以value开头的E
$(‘E[attr $=value]’)     属性attr以value结尾的E
$(‘E[attr =value]’)     属性attr包含value的E
$(‘E[attr][attr =value]’)     可以连用
子元素过滤器
$(‘E:nth-child(n)’)         E的第n个子节点
$(‘E:nth-child(3n+1)’)     E的index符合3n+1表达式的子节点
$(‘E:nth-child(even)’)     E的index为偶数的子节点
$(‘E:nth-child(odd)’)     E的index为奇数的子节点
$(‘E:first-clild’)             所有E的第一个子节点
$(‘E:last-clild’)             所有E的最后一个子节点
$(‘E:only-clild’)         只有唯一子节点的E的子节点
表单元素选择器
$(‘E:type’)             特定类型的input
$(‘:checked’)             被选中的checkbox或radio
$(‘option: selected’)     被选中的option
时间: 2024-10-07 10:00:15

笔记之_Java整理jquery的相关文章

笔记之_java整理框架

This依赖于对象,static依赖于类 字符串的模糊查询: instr(empName,?)>0 empName like '%白%' Create view 表名 as 多表连接 视图是临时表 多表连接语句生成,查询工具点开 <T,K>泛型可以用多个 ResultSetMetaData取得列名集合,rst.getMetaData Reflect反射,Field[] 实例化对象方法: New student(); Student.class.newInstance(); Class.f

笔记之_Java整理css3

微传单:http://s.wcd.im/index.jsp?id=9661Zi9&flyerAid=9661&p&loading=0&fromOfficial Friendly同包访问 子类重写方法的修饰符必须大于等于子类定义好的访问修饰符 类是抽象的对象是现实存在的 局部变量必须先赋值才能使用 一个Java文件可以包含n个类智能有一个是public并且与文件名一致 接口继承接口,方法名相同不是重写是覆盖 实现接口的类不是抽象类,则必须实现接口及其父级接口的所有方法 Str

笔记之_Java整理freemarker

javascript的input标签中this.select()表示选中,return false;表示什么都不做 freemarker中input中!为空格, !1表示默认为1 jquery的cookie event.keycode==13表示按下了回车键 freemarker宏定义 1.FreeMarker模板的内建变量有如下几个: 1,stack:代表ValueStack本身,可通过如下方式来访问其中的变量"${stack.findString('ognl?expr')}" 2,

笔记之_java整理servlet

Get请求与与post请求: Get不会改变服务器数据,只做查询 Post会对服务器数据做出修改,可评论的网页 火狐的firebug附加组件,可以测试网络 延迟实例化,提供一个set方法,让子类实现赋值 父类引用指向子类实现 Jquery easyUI中文文档 Pojo简单的实体类对象 Json Object和jsonArray不可以直接进行日期转换,List<>可以 Html5删除<!DOCTYPE HTML后的内容> 引入jquery后用$()代替了window.onload.

笔记之_Java整理IO流

线程重复执行: ScheduledExecutorService exec = Executors.newScheduledThreadPool(1); exec.scheduleAtFixedRate(线程名, 1, 1, TimeUnit.SECONDS); 字符输出流writer写完后要执行flush()方法,不然内容不存在 IO流:实时交互 Socket网络交互 多线程和socket合为一体 所有软件几乎都会有多线程,所有跟网络有关的必须要使用socket 大多数的程序只能循环运行单独的

笔记之_java整理html5

查看手机唯一标识:http://html5plus.org/doc/zh_cn/device.html#plus.device.uuid html和html5的区别? html5+css3也逐渐的成为新一代web前端技术,最要用处在开发手机网站. 文档网站:http://www.w3school.com.cn/html5/index.asp HTML5的新功能 (1).强大的绘图功能 (2).新增音频/视频标签 (3).浏览器离线存储 (4).通过浏览器进行定位 外网连接局域网的项目:花生壳?内

笔记之_java整理hibernate

页面调试数据: <%@taglib uri="/struts-tags" prefix="s" %> <s:debug></s:debug> Js清除缓存 使用hibernate延迟加载时,并且数据库有关联关系,转换成json对象时不能直接转换,要用new JSONObject(),然后put()方法存值 国外框架项目地址:http://websystique.com/springmvc/spring-mvc-4-angularj

笔记之_java整理JavaScript

1.javascript 面向对象这一块 1). javascript的基本数据类型有哪些? Number (数字) 1 1.2 String (字符串) '' "" Boolean 布尔 true false Undefined 未定义 Null 空 2).javascript的引用数据类型有哪些? Object {}. 函数 function . 数组 [] 2.javascript定义对象,动态扩冲里面的变量或者属性 var a =new Object(); //实例化一个对象

笔记之_java整理kindeditor文件上传插件

下载插件压缩包 图片创建虚拟服务器路径: 在Tomcat中,打开Tomcat的系统文件夹servers,打开下面的server.xml, 在<Context docBase="class" path="/class"--/>标签中,修改绝对路径docBase和虚拟路径path ,绝对路径是磁盘上创建的保存图片的文件夹,虚拟路径是网页访问图片的路径, 根据自己要用的上传文件的类型,选择插件的相关案例,引用css.js,修改路径以及页面类型jsp.php,