一起学习jQuery
西方契约
科技改变生活,学无止境,加油(博客只是为了记录学习笔记,方便复习,不一定完全正确,仅供参考,一起学习,加油)
展开
-
获取浏览器页面缩放或展示比例
翻页面的时候,不经意看到了 csdn还是什么页面 给提示‘您当前页面处于缩放,页面可能会错乱’;就好奇 怎么获取到 页面是否缩放和 缩放比例的,所以就查询了一下:得到了 下面的结果 做个记录;原文地址:https://www.cnblogs.com/dyhao/p/11458882.htmlvar ratio=0; var screen=window.screen;...转载 2019-11-12 17:15:16 · 3861 阅读 · 0 评论 -
关于jquery对象与dom对象转换
1. 关于jquery对象与dom对象转换对于dom对象-----àjquery对象 $(dom),(直接将dom对象放到$的括号中)对于jquery对象----àdom对象 jquery对象[0]或 jquery.get(0);title>dom对象与jquery对象的转换title>script type="text/javascript" src="js/jq原创 2017-10-31 21:22:28 · 243 阅读 · 0 评论 -
jQuery(html,[ownerDocument]). jQuery([selector,[context]])
1. jQuery(html,[ownerDocument])jQuery(html代码)它的作用是将一个dom对象包装成jquery对象。问题:什么是jquery对象?我们的jquery中定义的方法与属性,只有jquery对象可以调用。 这个核心函数的作用是将一个dom对象包装成了jquery对象而它的第一个参数是html代码.它的第二个参数是可选,它用于设置dom的原创 2017-10-31 21:20:47 · 469 阅读 · 0 评论 -
jquery简介
jQueryjQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和原创 2017-10-31 20:55:44 · 284 阅读 · 0 评论 -
分页介绍;分页的种类,分页的原理
1.1. 分页介绍问题:为什么分页?因为数据量比较大,为了用户有更好的体验。一般情况下,数据在展示时都会进行分页操作。分页的种类分页有两种:1.物理分页 :使用数据库本身提供的分页操作来完成数据查询,查询到的就是当前页的信息。例如mysql可以使用limit oracle数据库可以使用rownum来完成。这种方案的优点是性能比较好,但是它存在不通用问题。2.逻辑分页 :它原创 2017-11-11 12:32:11 · 2995 阅读 · 0 评论 -
jquery核心函数;jquery到$的转变过程
注意:源生的js绑定,它只能绑定一次,而jquery允许绑定多次。 jQuery核心函数$ 和 jQuery是等效 的$(function(){}); ---在页面加载完成后执行响应的代码$(html) ---将html字符串转换成jQuery对象$(selector, [context]); 在当前页面(指定对象中)使用css选择器查找响应对象并装换成jQuery原创 2017-10-31 20:57:40 · 206 阅读 · 0 评论 -
分页查询产品信息,第六步;封装结果
我们可以在service中来对PageBean进行数据封装,servlet最终是将PageBean转换成json响应到浏览器。// 使用PageBean来处理分页数据public PageBean findAll(int pageNo,int pageSize) throws SQLException{ProductDAO dao = new ProductDAO();List原创 2017-11-10 12:42:55 · 4397 阅读 · 0 评论 -
分页查询产品信息,第五步:完成产品的分页显示
1.1. 完成产品的分页显示第一步:在浏览器端提供pageNo与pageSize,将它们做为参数传递到服务器var pageNo=1;// 默认显示第一页var pageSize=10;// 每页显示条数var url=”/jquery_exam/product”;$.post(url,{“pageNo:pageNo,”pageSize”:pageSize}function(d原创 2017-11-10 12:41:39 · 1185 阅读 · 0 评论 -
分页查询产品信息:第四步:创建持久化层ProductDAO
第四步:创建持久化层ProductDAOpublic List findAll() throws SQLException{QueryRunner runner = new QueryRunner(JdbcUtils.getDataSource());return runner.query(“select * from product”,new BeanListHandler(Prod原创 2017-11-10 12:34:31 · 680 阅读 · 0 评论 -
jQuery选择器(重要) 基本选择器;jquery的html方法,text方法,each方法,index方法
jQuery选择器(重要)基本选择器 #id 根据 id属性查找(筛选)一个元素Element 根据元素的标签名称查找元素.class 根据元素的class属性查找元素* 匹配所有元素Selector1,selector2… 将每一个选择器匹配到的元素合并后,一起返回()selector1指的是不同的类型的选择器$(function(){//1 得到id原创 2017-11-01 15:33:48 · 309 阅读 · 0 评论 -
jquery层级选择器;jquery的css() 方法
层级选择器层级选择器是根据元素的关系来获取。关系是指父子关系,兄弟关系 1. 空格 得到元素下的所有子元素(包含直接子元素与间接子元素)2. 大于号> 只获取所有直接的子元素3. 加号+ 只获取直接的一个兄弟元素4. 波浪线~ 所有的后边的兄弟元素$(function(){// 1 获取id=d的所有标签的子元素个数 var size = $("#原创 2017-11-01 15:37:48 · 695 阅读 · 0 评论 -
使用window.getSelection 或document.selection.createRange()获取鼠标选中的内容;
使用window.getSelection()获取div中选中文字内容及位置 οnmοuseup=function () { if (window.getSelection) { var text = window.getSelection().toString(); //选中文字 v...原创 2019-07-22 11:20:11 · 2267 阅读 · 0 评论 -
getElementById()和$("#id")的区别
转自:https://blog.csdn.net/weixin_41989775/article/details/810631611.getElementById()获取的是js对象,$("#id")获取到的是jq对象.2.二者获取到的对象不同,所以只能操作使用其对应的js/jq对象的方法,不能使用jq对象去操作js的方法,也不能使用js对象去操作jq的方法.3.两者相互转换 ...转载 2019-05-06 10:01:32 · 2286 阅读 · 0 评论 -
jquery表单过滤选择器
1.1. 表单过滤选择器表单过滤选择器是用于选取表单中的元素 :input 所有的表单元素。:text 文本框 :password 密码框 :radio 单选 :checkbox 复选框 :submit 提交按钮 :image 图片按钮 :reset 重置按钮 :file 文件上传 方法总结1. trim()它是去掉字符串左右空格原创 2017-11-01 16:14:40 · 330 阅读 · 0 评论 -
jquery子元素过滤选择器,
1.1. 子元素过滤选择器 根据子元素顺序来获取。:nth-child(序号);根据序号来选择,序号是从1开始,也可以设置odd even 根据奇偶来设置也可以通过倍数(例如3n+1)来设置:first-child(); 获取第一个:last-child(); 获取最后一个:only-child(); 获取只有一个子元素的元素示例:$(function()原创 2017-11-01 16:10:22 · 1901 阅读 · 0 评论 -
jquery属性过滤选择器,attr
1.1. 属性过滤选择器根据元素的属性来过滤 ^=匹配以某些内容开始$=匹配以某些内容结尾*=匹配是否包含某些指定的元素示例:$(function(){//设置所有的含有id属性的div 字体颜色红色//$("div[id]").css("color","red");//获取name=username的value值//alert($("[name=原创 2017-11-01 16:06:53 · 1835 阅读 · 0 评论 -
jquery可见,不可见,过滤器选择器,hidden,visible,val show。hide
1.1. 可见性过滤选择器可见性过滤选择器它匹配display:none或表单中input hidden这样的元素. :Hidden:匹配所有不可见元素,或者type为hidden的元素:Visible:匹配所有的可见元素:Val():获得匹配元素的当前值。Vallue的值:Show();显示隐藏的匹配元素。:Hide();隐藏所有的元素。实例:$(functi原创 2017-11-01 15:58:11 · 9593 阅读 · 0 评论 -
jquery内容过滤选择器:内容过滤选择器它是根据元素内部文本内容进行选中。
1.1. 内容过滤选择器内容过滤选择器它是根据元素内部文本内容进行选中。 :Contains(text):匹配包含给定文本的元素:Empty:匹配所有不包含子元素或者文本的空元素:Has(selector):匹配含有选择器所匹配的元素的元素:addClassL(“类名”):给所有的标签添加类名:Parent:匹配含有子元素或者文本的元素示例:$(fu原创 2017-11-01 15:50:20 · 4609 阅读 · 0 评论 -
jquery过滤器,过滤器它是在基本选择器与层次选择器获取到一批元素后,再进行过滤操作
1. 过滤器过滤器它是在基本选择器与层次选择器获取到一批元素后,再进行过滤操作,使用过滤选择器基本都是:开头,除了属性过滤选择器。1.1. 基本过滤选择器 以下过滤器都是以:开头的:First:获取符合条件的第一个元素Last:获取符合条件的最后一个元素Not(selector):除了选择器选的的元素之外的Gt(index):获取索引之后 (比该索引大的)的所原创 2017-11-01 15:45:04 · 484 阅读 · 0 评论 -
分页查询产品信息:第三步:创建业务层ProductService
第三步:创建业务层ProductServicepublic List findAll() throws SQLException{ProductDao dao = new ProductDAO();return dao.findAll();}原创 2017-11-10 12:33:23 · 638 阅读 · 0 评论 -
分页查询产品信息,第二步:创建一个servlet来接收请求,获取所有的产品信息
第二步:创建一个servlet来接收请求,获取所有的产品信息public class TestServlet2extends HttpServlet {private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequestrequest, HttpServlet原创 2017-11-10 12:30:49 · 294 阅读 · 0 评论 -
分页查询产品信息案例;第一步:创建产品页面,向服务器发送请求(获取所有产品信息)
1.1. 完成所有产品的查询操作第一步:创建产品页面,向服务器发送请求(获取所有产品信息)示例:script>//页面加载完成后,需要向服务器发送请求,来获取产品信息,在table中显示出来var url= "/请求服务器的路径"$.post(url,function(data) {var jsonObj=eval(data);//将json数据遍历转换原创 2017-11-10 12:29:57 · 6332 阅读 · 0 评论 -
jquery的$.ajax介绍,和简单案例
1. $.ajax介绍$.ajax它是jquery中最基本的ajax操作,load get post都简化了$.ajax操作.$.ajax包括参数:Url:请求的路径Data:携带的参数Type:提交数据的方法 get postdataType:指定返回值的类型(xml, html, script ,json, text, _default)Success:原创 2017-11-06 19:15:00 · 209 阅读 · 0 评论 -
jquery ajax开发介绍;jquery ajax编程
1. jquery ajax开发介绍 jquery的ajax总共包括6种$.ajax(url,[settings])load(url,[data],[callback])$.get(url,[data],[fn],[type])$.getJSON(url,[data],[fn],[type])$.getScript(url,[callback])$.post(原创 2017-11-01 17:29:40 · 275 阅读 · 0 评论 -
jquery事件的切换,和多个事件的绑定
1. 事件切换1. hover这个操作它可以绑定两个函数,当触发mouseover时第一个函数执行,当触发mouseout时第二个函数执行。 1.1. toggle用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。对绑定的多个函数 ,进行依次的轮流执行。原创 2017-11-07 12:37:32 · 1170 阅读 · 0 评论 -
jquery事件触发
1.1. 事件触发trigger()在每一个匹配的元素上触发某类事件 mouseover鼠标悬停事件$(“#btn”).live(click,function(){Alert(“hello word”);});$(“#btn”).live(“mouseover”,function(){// 事件触发$(this).trigger(“click”);});原创 2017-11-01 17:13:08 · 310 阅读 · 0 评论 -
jquery一次性事件的绑定
1.1. 一次性事件one()为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。One绑定的函数只能执行一次。$(“#btn”).one(click,function(){Alert(“hello word”);});原创 2017-11-07 12:36:05 · 3145 阅读 · 0 评论 -
Jquery事件绑定操作,bind和live的区别
1.1. Jquery事件绑定操作//bind 用于绑定事件 unbind用于解除事件的绑定$(“#btn”).bind(click,function(){Alert(“hello”);}); $(“#btn”).unbind(“click”); // 也可以使用live进行事件的绑定 die方法解除live的绑定操作$(“#btn”).live(click原创 2017-11-01 16:40:29 · 165 阅读 · 0 评论 -
Jquery中的事件与传统的javascript中事件区别: Jquery中事件允许绑定多个函数,而javascript中一个事件只能绑定一个函数.
Jquery中的事件与传统的javascript中事件区别:Jquery中事件允许绑定多个函数,而javascript中一个事件只能绑定一个函数.原创 2017-11-07 12:34:28 · 403 阅读 · 0 评论 -
jquery dom 文档对象操作,插入,删除,克隆,替换
1. 文档处理1.1. 插入操作 内部插入是插入子元素外部插入是插入同级元素Append();添加到指定的最后面Prepend();插入到指定标签的前面Before(): 在。。之前插入Agter():在...之后插入 1.2. 删除 Empty:将当前的元素下的所有子元素删除Remove和detach功能都是删除(detach原创 2017-11-01 16:22:29 · 550 阅读 · 0 评论 -
$.post与$.get介绍,以及示例
1. $.post与$.get介绍(重要)$.get与$.post它们针对于get与post请求格式 url,[data],[callback],[type]Url:路径Data:参数Callback:回调的函数Type:服务器返回的内容的格式示例://获取录入的用户名var usernamevalue = $(“#username”).val();原创 2017-11-09 12:36:32 · 508 阅读 · 0 评论 -
jQuery ajax开发基于json;json格式简介
1. jQuery ajax开发基于json(重点)1.1. json介绍JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.json简单说就是javascript中的对象和数组.对象:对象(用大括号括起来的)的结构 {key:value,key:value,...}数组:数组的结构 ["java","javasc原创 2017-11-09 12:37:14 · 212 阅读 · 0 评论 -
$.getJSON解决跨域问题
1.1. $.getJSON解决跨域问题$.getJSON它就是$.ajax解决跨域问题的简化操作。格式url,[data],[callback]url:发送请求地址data:待发送key/value参数。callback:载入成功时的回调函数 示例://想服务器发送请求,得带商品信息,在页面上展示var url=”http://localhost:8080/j原创 2017-11-09 12:46:54 · 6553 阅读 · 0 评论 -
Jquery中如何使用jsonp完成跨域问题
1.1. Jquery中如何使用jsonp完成跨域问题//原理就是我们使用js代码在我们的页面上来添加一个新的标签//1.定义一个函数,它在页面上添加一个新的标签function addScript(src){//创建一个script标签var script=document.createElement(“script”);//设置script标签属性script.原创 2017-11-09 12:46:14 · 176 阅读 · 0 评论 -
$.ajax解决跨域问题 关于json与jsonp格式的区别
1.1. $.ajax解决跨域问题 关于json与jsonp格式的区别Json格式 :[value1,value],{name:value}Jsonp格式: callback(json) 示例:var url = “http://locahost:8080/jquery_ajax/product”$.ajax({url:url,type:”get”,da原创 2017-11-09 12:44:52 · 242 阅读 · 0 评论 -
、 Ajax跨域问题 1. 跨域介绍 1.1. 什么是跨域; 跨域解决方案;jQuery解决跨域操作
一、 Ajax跨域问题1. 跨域介绍1.1. 什么是跨域跨域它是不同的域名(服务器)之间的相互的资源的访问。当协议,域名,端口号任意一个不相同,它们就是不同的域。正常情况下,因为浏览器安全问题,不同域的资源是不可以访问的。 1.2. 跨域解决方案什么情况下会使用到跨域?一般情况是在自己的内部的工程中会出现跨域情况。有三种解决方案:1.代理方案 前端页面访原创 2017-11-09 12:43:40 · 248 阅读 · 0 评论 -
要想使用XStream的注解,必须开启注解扫描.
注解使用要想使用XStream的注解,必须开启注解扫描.xstream.autodetectAnnotations(true);//开始xstream的注解扫描 @XStreamAlias(“省份”) //给类起别名public class Province{//@XStreamOmitField // 忽略属性注解@XStreamAsAttribute //设置为原创 2017-11-09 12:42:48 · 2566 阅读 · 0 评论 -
关于XStream相关的常用方法;设置别名;忽略属性;设置xml字段属性
关于XStream相关的常用方法1.设置别名//第一个参数是想要设置的别名,第二个是类对象xstream.alias(“省份”,Province.class);//类别名// 第一个参数是想要设置的别名,第二个是类对象,第三个是对应的类中的属性名xstream.aliasField(“编号”,City.class,”id”);//属性别名 2.忽略属性// 第一原创 2017-11-09 12:42:10 · 7955 阅读 · 0 评论 -
1. jQuery ajax开发基于xml(了解) 1.1. XStream介绍
1. jQuery ajax开发基于xml(了解)1.1. XStream介绍可以使用XStream工具来完成xml与java对象之间的转换。它也可以完成java对象与json之间的转换。问题:XStream使用时需要导入哪些jar包?xstream-版本.jarxpp2_min-版本.jarxmlpull-版本.jar 问题:XStream怎样将jav原创 2017-11-09 12:40:54 · 163 阅读 · 0 评论 -
Fastjson介绍;示例。取消循环引用,时间格式设置
1.1. Fastjson介绍将java的对象转换成json数据,也可以将一个json转换成java对象(不常用).Fastjson是阿里提供的一个开源json插件.对于json处理的插件 fastjson jsonlib flexjson Jackson. Fastjson使用介绍1. 导入相应的jar包fastjson-1.xxx.jar 2.原创 2017-11-09 12:40:28 · 525 阅读 · 0 评论