JQuery(以及源码解读)
约德尔蒙
本人博客大部分为自己总结的, 难免有一些错误,请大家多多查阅多多对比,欢迎指正!
展开
-
认识jquery 入口函数 和$区别
//-------------------------------什么是jquery------------------------------------ //原生js // window.onload = function () { // var btn = document.getElementsByTagN原创 2016-11-21 18:54:24 · 1978 阅读 · 0 评论 -
jquery节点的操作 创建 删除 复制
添加li 我是土著li //-------------------------------创建节点----------------------------// //1.类似于js中的document.getElement.creatElement("li"); console.log($("我是li标签>"));原创 2016-11-21 19:02:45 · 605 阅读 · 0 评论 -
用iframe 进行局部刷新--(子页面,父页面变量和函数互相调用)
(1)主页面(包含iframe)的初始化 myFrameId"> $("#myFrameId").attr("src", APP_PATH+'/adjustaccount/adjustInfo?account_period=201412');}); (2)主页面上(包含iframe)的查询按钮funct转载 2017-04-27 10:48:21 · 859 阅读 · 0 评论 -
Jquery真正意义上清空表单内容
[jQuery] 真正意义上清空表单内容标签: JQueryformreset清空表单内容重置表单内容2014-12-08 21:55 2554人阅读 评论(0) 收藏 举报 分类:jQuery(2) 版权声明:本文为博主原创文章,未经博主允许不得转载。目录(?)[+]JQuery :not() 选择器转载 2017-04-25 11:06:04 · 641 阅读 · 0 评论 -
form表单提交的几种方式
form id="myform" name="myform" method="post" onsubmit="return sumbitTest();" action="RegisterAction.action"> table> tr> td>姓名:td> td> input ty转载 2017-07-14 10:35:51 · 2418 阅读 · 0 评论 -
获取-图片实际宽高
Get on screen imagevar screenImage = $("#image");// Create new offscreen image to testvar theImage = new Image();theImage.src = screenImage.attr("src");// Get accurate measurements from that.v转载 2017-07-31 10:42:39 · 305 阅读 · 0 评论 -
jcorp 头像裁剪—api—个人总结(坑)
//头像裁剪 var jcrop_api, boundx, boundy; var x; var y; var width; var height; // dom结构 // // // // //js //创建 // $('').appendTo($('#preview')) // fn_原创 2017-07-31 11:19:20 · 677 阅读 · 0 评论 -
jquery的本质以及初步结构
/* * jquery对外暴露了两个方法:jQuery和$, * 这两方法实际上是同一个方法, * 通过调用这两个方法,可以得到一个jQuery实例对象。 * * jQuery实例对象是一个伪数组对象。 * * jQuery和$实际上是一个工厂函数。 * */ ...原创 2018-05-28 11:28:39 · 887 阅读 · 0 评论 -
jquery 插件实现机制和原理
/* * jQuery插件实现机制: * 就是给原型添加一些功能方法。 * */ // 沿用了1.7的版本 (function( w ) { // 对外暴露的工厂函数 function jQuery() { return new jQ...原创 2018-05-29 11:02:06 · 2121 阅读 · 0 评论 -
jquery 常用选择器 (笔记)
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以...转载 2018-09-06 09:36:41 · 276 阅读 · 0 评论 -
jquery 杂七杂八小方法
1.each 和 for 的区别 需求:在动态创建出来 的列表中 如果有一个 为空 就报错 for循环遍历arr[i].text()会取不到值 并且报错 "text()is not function;" 用each 方法就可以 $(this).text();可以取到 如果有一个为空 就会报错 并且终止循环;返回 false 可用于及早停止循环。原创 2017-05-23 18:46:48 · 300 阅读 · 0 评论 -
jquery 下拉弹出菜单
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *原创 2016-12-01 01:15:48 · 849 阅读 · 0 评论 -
html5 标签特性
原创 2016-11-21 19:15:25 · 331 阅读 · 0 评论 -
jquery坐标值操作 获取与赋值 offset等
body { height: 5000px; } .box1 { width: 300px; height: 300px; position: relative; margin: 10px; overflow: auto;原创 2016-11-21 18:56:53 · 1502 阅读 · 0 评论 -
jquery选择器
//--------------------------------基本选择器----------------------------------------------------------------- //入口函数 jQuery(document).ready(function () { //三种方法获取jquery对象,然后用css原创 2016-11-21 18:58:55 · 304 阅读 · 0 评论 -
jquery属性操作 添加属性
$(function () { //获取元素,绑定属性 var jqinp = $("input").eq(0); var jqinp2 = $("input:checkbox"); var jqbtn = $("button"); jqbtn.click(function (原创 2016-11-21 19:00:15 · 924 阅读 · 0 评论 -
jquery事件的绑定 解绑 触发 对象
//------------------------事件绑定与解绑的几种方法------------------------------------------ //这种绑定事件的方法是不会层叠的。 // $(document).click(function () { // alert(1原创 2016-11-21 19:01:25 · 1246 阅读 · 0 评论 -
jquery获取标签中的属性值 并且赋值
//---------------------------获取标签中的属性值 并赋值----------------------------------------------- jQuery(document).ready(function () { //val(); 获取标签中的value属性的值。带有参数是赋值(类比js中的value属性)原创 2016-11-21 19:04:32 · 6090 阅读 · 0 评论 -
jquery和jsDom的区别和转换
//----------------------------jquery中的Dom对象和js中的dom对象区别和联系----------------------// //入口函数 $(document).ready(function(){ //jquery对象是一个数组。数组中包含着原生JS中的DOM对象。 var j原创 2016-11-21 19:06:17 · 837 阅读 · 0 评论 -
jquery的样式操作,类操作(添加 删除 css)
div { width: 100px; height: 100px; background-color: pink; } .current { background-color: red; } $(functi原创 2016-11-21 19:07:55 · 6289 阅读 · 0 评论 -
jquery的动画 显示 隐藏 效果 停止
div{ width: 300px; height: 300px; display: none; background-color: pink; } //------------------------------动画之显示和隐藏-----------原创 2016-11-21 19:09:11 · 817 阅读 · 0 评论 -
jquery 多库共存
//-------------------------------多库共存 放弃使用权---------------------------------- jQuery(function () { //打印版本号。// console.log($.fn.jquery); //让1.11.1放弃$的使用权原创 2016-11-21 19:10:22 · 467 阅读 · 0 评论 -
jq ie8+ 图片上传回显
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">转载 2018-12-10 17:14:06 · 462 阅读 · 1 评论