zxy9602的博客

首先，我们已经明白， （1）Jquery=Javascript库（JS库） （2）$(function(){});===jquery(function(){}); 即"$===jQuery" 1、window.onload和$(document).ready()两个方法的区别 （1）在Javascript在页面加载时，需要使用window.onload   注意：a、必须等待页

A、jQuery常规选择器，大体上来讲，简单选择器、进阶选择器、高级选择器 1、简单选择器，分为id选择器、元素（标签）选择器、类（class）选择器 与css进行对比，css是为了添加样式，而jQuery是完全继承了css的风格，但它是为了添加行为 （1）元素名    如“div”      div{}         $('div').css('color','red') （2

A:设置元素及内容 最常用的DOM方法为： a、html():表示获取元素的html内容 b、text():表示获取元素的文本内容 欢迎光临！ 若要获取class="box"下，相应的html内容和text内容 $(function(){ alert($('#box').html()); //获取元素的html内容； alert($('#box').text()); /

1、包裹节点wrap 节点 （1）利用wrap()方法对之前的代码包裹 （1）wrap(html)：向指定元素包裹一层html代码 （2）wrap(element)：向指定元素包裹一层DOM对象节点 （3）wrap(function(index))：使用匿名函数对指定元素进行包裹指定内容 $(function(){ $('div').wrap('</strong'); //向d

在jquery中，加载事件采用$(document).ready()方法，用它来代替JavaScript中的window.onload方法。 二者的区别在于（1）执行时机上，window.onload必须在网页所有元素加载到浏览器后才执行即访问网页中的元素；而$(document).ready()方法在于若DOM结构准备完全就绪，就可以被调用；（2）调用次数上，window.onload方法只可

1、事件对象 即event对象，通过处理函数默认传递接受。 //通过处理函数传递事件对象； $(function(){ $("input").bind('click',function(e){ alert("欢迎光临！"); }); }); 凡是事件，都包含有属性和方法 A、event.target与event.currentTarget、relatedTarget区别： （1）

1、模拟事件 在jquery中，可以使用trigger()方法完成模拟操作 （1）常用模拟 $('#btn').trigger("click"); 近似于$('#btn').click(); （2）触发自定义事件 对于myClick表示自定义事件，若要触发，使用trigger() $("#btn").bind("myClick",function(){ alert("欢迎光临！")

1、显示show()、隐藏hide() 显示与隐藏类似于HTML中对应的“display:none”和“display:block” box 若要点击button按钮，实现“div id=box”的显示与隐藏，对应的jquery代码如下： $('.show').click(function(){ $('#box').show(); }); $('.hid

Ajax，全称为“Asynchronous Javascript and XML”（异步的Javascript和XML），它不是一种        Javascript的单一技术，而是利用了一系列交互式网页应用相关的技术所形成的结合体。 一般使用Ajax，实现无刷新状态更新页面，并且实现了异步提交，提升了用户体验。 （1）Ajax优势： a、不需要插件支持 b、用户体验极佳（不刷新界面即可

1、加载请求 jQuery提供了两种全局事件：ajaxStart()、ajaxStop()。 只要用户触发了Ajax，请求开始时（未完成其他请求）激活ajaxStart()，请求结束时激活ajaxStop() $('.loading').ajaxStart(function(){ $(this).show(); }).ajaxStop(function(){ $(this).hide()

1、字符串操作 在jQuery中，字符串的工具函数只有一个，就是去除字符串左右空格的工具函数：$.trim() //$.trim()去掉字符串两边空格， var str=' jQuery '; alert(str); alert($.trim(str)); 2、数组和对象操作 （1）each()遍历数据 a、遍历数组 var arr=['张三','李四','王五']

1、插件描述 插件的种类，主要大致可以分为：UI类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类。 引入插件需要一定的步骤，如下： （1）必须引入jquery.js文件，而且在所有插件之前引入； （2）引入插件； （3）引入插件的周边，比如皮肤、中文包等。 用户名：(*) 电子邮件：(*) 用户名： 注意：由于在va

1、项目介绍 该项目仿照“知乎”的架构模式来搭建界面和布局。此外，以“百度”作为辅助进行开发的系统。主要实现的是界面的前端部分功能。 确认的几个主要的前端功能如下： （1）弹出对话框；               （2）前端按钮； （3）折叠菜单；                   （4）选项卡切换； （5）滑动块；                      （6）日历； （7）自动

1、使用button按钮 不一定是input形式，普通的文本也可以进行设置按钮 $('#search_button').button; 2、修改button样式 3、button方法的属性： disabled：默认为false，若为true，表示非激活。 label：标签 4、单选框、复选框

1、验证插件需要引用validate.js 最主要使用的就是表单验证。 （1）首先，以一个表单为例 账号： 密码： （2）此外，在jquery中，可以验证表单内容，如下 $(function(){ //所有默认行为都可以在这里设置； //$.validator.setDefaults({ //debug:true; //}); $('#reg').vali

1、（1）表单“user.html” 账号： 密码： （2）在点击“提交”按钮后，所谓的js代码“form.js” 方法1：ajaxForm提交方式 $(function(){ //success:function(){} $('#reg').ajaxForm(function(){ alert('提交成功！'); }); }); 在上述代码中，ajaxFo

1、创建数据库 名称为“zhiwen”，表为id、user、pass、email、sex、birthday、date 创建php文件：config.php、add.php、is_user.php （1）config.php

1、使用cookie插件 （1）生成一个cookie $.cookie('user','bnbbs'); （2）设置cookie $.cookie('user','bnbbs',{ expires:7, path:'/', //设置路径，上一层； domain:'www.ycku.com', //域名 secure:true, //默认为false，需要使用安全

选项卡，是一种能提供给用户在同一界面切换不同内容的UI，尤其是在页面布局紧凑的页面上，提供了非常好的用户体验。 1、使用tabs，如下所示tabs.html tab1 tab2 tab3 tab1-content tab2-content tab3-content 同时，在tabs.js中， $('#tabs').tabs(); 对它们样式进行设置

1、引用折叠菜单 $('#accordion').accordion(); 2、修改accordion样式 //无需修改ui里的css，直接用style.css代替 .ui-widget-header{ background:#333; } 3、accordion属性 类似于选项卡tabs，简单描述几个 （1）heightStyle：'auto',表示以最高的长度作为首选（表