Jquery
文章平均质量分 70
收录jquery学习过程中的基础理论知识点以及项目开发过程中的疑虑点。
pdsu_zhao
生命的意义在于奋斗不止!!
奋斗吧,少年!
展开
-
Jquery——Day1(Jquery的风格方式、与Javascript的区别)
首先,我们已经明白,(1)Jquery=Javascript库(JS库)(2)$(function(){});===jquery(function(){});即"$===jQuery"1、window.onload和$(document).ready()两个方法的区别(1)在Javascript在页面加载时,需要使用window.onload 注意:a、必须等待页原创 2017-02-22 17:39:17 · 297 阅读 · 1 评论 -
Jquery——Day1(Jquery基本选择器+过滤选择器+表单选择器+表单过滤器)
A、jQuery常规选择器,大体上来讲,简单选择器、进阶选择器、高级选择器1、简单选择器,分为id选择器、元素(标签)选择器、类(class)选择器与css进行对比,css是为了添加样式,而jQuery是完全继承了css的风格,但它是为了添加行为(1)元素名 如“div” div{} $('div').css('color','red')(2原创 2017-02-22 21:05:55 · 498 阅读 · 0 评论 -
Jquery——Day2(基础DOM和css操作)
A:设置元素及内容最常用的DOM方法为:a、html():表示获取元素的html内容b、text():表示获取元素的文本内容 欢迎光临!若要获取class="box"下,相应的html内容和text内容$(function(){ alert($('#box').html()); //获取元素的html内容; alert($('#box').text()); /原创 2017-02-23 12:34:04 · 382 阅读 · 0 评论 -
Jquery——Day2(包裹节点、节点操作)
1、包裹节点wrap节点(1)利用wrap()方法对之前的代码包裹(1)wrap(html):向指定元素包裹一层html代码(2)wrap(element):向指定元素包裹一层DOM对象节点(3)wrap(function(index)):使用匿名函数对指定元素进行包裹指定内容$(function(){ $('div').wrap('</strong'); //向d原创 2017-02-23 17:18:59 · 790 阅读 · 1 评论 -
Jquery——Day2(基础事件)
在jquery中,加载事件采用$(document).ready()方法,用它来代替JavaScript中的window.onload方法。二者的区别在于(1)执行时机上,window.onload必须在网页所有元素加载到浏览器后才执行即访问网页中的元素;而$(document).ready()方法在于若DOM结构准备完全就绪,就可以被调用;(2)调用次数上,window.onload方法只可原创 2017-02-23 20:57:18 · 357 阅读 · 0 评论 -
Jquery——Day3(事件对象+事件冒泡+默认行为阻止)
1、事件对象即event对象,通过处理函数默认传递接受。//通过处理函数传递事件对象;$(function(){ $("input").bind('click',function(e){ alert("欢迎光临!"); });});凡是事件,都包含有属性和方法A、event.target与event.currentTarget、relatedTarget区别:(1)原创 2017-02-24 11:00:19 · 420 阅读 · 0 评论 -
Jquery——Day3(高级事件)
1、模拟事件在jquery中,可以使用trigger()方法完成模拟操作(1)常用模拟$('#btn').trigger("click");近似于$('#btn').click();(2)触发自定义事件对于myClick表示自定义事件,若要触发,使用trigger()$("#btn").bind("myClick",function(){ alert("欢迎光临!")原创 2017-02-24 17:49:45 · 253 阅读 · 0 评论 -
Jquery——Day3(动画效果)
1、显示show()、隐藏hide()显示与隐藏类似于HTML中对应的“display:none”和“display:block” box若要点击button按钮,实现“div id=box”的显示与隐藏,对应的jquery代码如下:$('.show').click(function(){ $('#box').show();});$('.hid原创 2017-02-24 21:03:24 · 261 阅读 · 0 评论 -
Jquery——Day4(Ajax基本用法get/post/ajax/serialize等)
Ajax,全称为“Asynchronous Javascript and XML”(异步的Javascript和XML),它不是一种 Javascript的单一技术,而是利用了一系列交互式网页应用相关的技术所形成的结合体。一般使用Ajax,实现无刷新状态更新页面,并且实现了异步提交,提升了用户体验。(1)Ajax优势:a、不需要插件支持b、用户体验极佳(不刷新界面即可原创 2017-02-25 18:19:42 · 520 阅读 · 0 评论 -
Jquery——Day4(Ajax进阶:加载请求、错误请求、请求全局事件、json/jsonp)
1、加载请求jQuery提供了两种全局事件:ajaxStart()、ajaxStop()。只要用户触发了Ajax,请求开始时(未完成其他请求)激活ajaxStart(),请求结束时激活ajaxStop()$('.loading').ajaxStart(function(){ $(this).show();}).ajaxStop(function(){ $(this).hide()原创 2017-02-26 17:31:29 · 708 阅读 · 0 评论 -
Jquery——Day5(工具函数)
1、字符串操作在jQuery中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数:$.trim()//$.trim()去掉字符串两边空格,var str=' jQuery ';alert(str);alert($.trim(str));2、数组和对象操作(1)each()遍历数据a、遍历数组var arr=['张三','李四','王五']原创 2017-02-26 20:03:11 · 371 阅读 · 0 评论 -
Jquery——Day5(插件—案例:制作导航插件)
1、插件描述插件的种类,主要大致可以分为:UI类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类。引入插件需要一定的步骤,如下:(1)必须引入jquery.js文件,而且在所有插件之前引入;(2)引入插件;(3)引入插件的周边,比如皮肤、中文包等。 用户名:(*) 电子邮件:(*) 用户名: 注意:由于在va原创 2017-02-27 17:16:49 · 275 阅读 · 0 评论 -
Jquery——Day5(jQuery UI:知乎系统[初级])
1、项目介绍该项目仿照“知乎”的架构模式来搭建界面和布局。此外,以“百度”作为辅助进行开发的系统。主要实现的是界面的前端部分功能。确认的几个主要的前端功能如下:(1)弹出对话框; (2)前端按钮;(3)折叠菜单; (4)选项卡切换;(5)滑动块; (6)日历;(7)自动原创 2017-02-28 19:50:54 · 528 阅读 · 0 评论 -
Jquery——Day6(button+工具提示)
1、使用button按钮不一定是input形式,普通的文本也可以进行设置按钮$('#search_button').button;2、修改button样式3、button方法的属性:disabled:默认为false,若为true,表示非激活。label:标签4、单选框、复选框原创 2017-03-01 09:45:57 · 368 阅读 · 0 评论 -
Jquery——Day7(验证插件)
1、验证插件需要引用validate.js最主要使用的就是表单验证。(1)首先,以一个表单为例 账号: 密码: (2)此外,在jquery中,可以验证表单内容,如下$(function(){//所有默认行为都可以在这里设置; //$.validator.setDefaults({ //debug:true; //}); $('#reg').vali原创 2017-03-02 19:37:11 · 325 阅读 · 0 评论 -
Jquery——Day7(Ajax表单插件)
1、(1)表单“user.html” 账号: 密码: (2)在点击“提交”按钮后,所谓的js代码“form.js”方法1:ajaxForm提交方式$(function(){ //success:function(){} $('#reg').ajaxForm(function(){ alert('提交成功!'); });});在上述代码中,ajaxFo原创 2017-03-02 20:36:28 · 204 阅读 · 0 评论 -
Jquery——Day7(Ajax提交表单)
1、创建数据库名称为“zhiwen”,表为id、user、pass、email、sex、birthday、date创建php文件:config.php、add.php、is_user.php(1)config.php原创 2017-03-03 11:09:38 · 349 阅读 · 0 评论 -
Jquery——Day8(cookie插件)
1、使用cookie插件(1)生成一个cookie$.cookie('user','bnbbs');(2)设置cookie$.cookie('user','bnbbs',{ expires:7, path:'/', //设置路径,上一层; domain:'www.ycku.com', //域名 secure:true, //默认为false,需要使用安全原创 2017-03-03 17:09:52 · 342 阅读 · 0 评论 -
Jquery——Day9(选项卡)
选项卡,是一种能提供给用户在同一界面切换不同内容的UI,尤其是在页面布局紧凑的页面上,提供了非常好的用户体验。1、使用tabs,如下所示tabs.html tab1 tab2 tab3tab1-contenttab2-contenttab3-content同时,在tabs.js中,$('#tabs').tabs();对它们样式进行设置原创 2017-03-04 17:21:04 · 436 阅读 · 0 评论 -
Jquery——Day9(折叠菜单)
1、引用折叠菜单$('#accordion').accordion();2、修改accordion样式//无需修改ui里的css,直接用style.css代替.ui-widget-header{ background:#333;}3、accordion属性类似于选项卡tabs,简单描述几个(1)heightStyle:'auto',表示以最高的长度作为首选(表原创 2017-03-04 19:02:21 · 372 阅读 · 0 评论