qizhichao110的专栏

1.Jquery简介普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库，，比如Prototype、Dojo、ExtJS、JQuery等，这些库对JavaScript进行了封装，简化了开发。这些库是对JavaScript的封装，也就是咱们调用JQuery的一句函数，JQuery内部这句函数帮助我

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">点击input输入框弹出选择层(基于jquery)   --%> body{font-size:12px;}.selectItemcont{padding:8px;}#selectItem{

复选框功能是做项目经常用到问题之一，CheckBox1是复选框的id，ImageButton1是图片（注册）的id，用的是disabled属性啦进行设置。$(function(){ $("#CheckBox1").click(function () {                if (!this.checked) {                    $("#Imag

jQuery实现仿QQ相册功能                   * {line-height: 150%}.image {text-align: center; line-height: 590px; margin: 30px auto 0px; width: 850px; height: 620px}.image img { overflow:hidden

把图片的路径写在数据库中，然后通过后台程序读取出来，并且点击缩略图显示大图，           #mydiv ul{ list-style-type:none;}    #mydiv ul li{ display:inline;}    #mydiv{ width:500px; border:solid 1px #444; background-color:#333;}

只需要引入jquery-1.3.2.min.js即可实现效果；          dl { width: 150px; } dl,dd { margin: 0; } dt { background: gray; font-size: 14px; padding: 2px; margin: 2px; } dt a { color: #FFF; } dd a { col

这里需要注意的是对几个js文件的引用顺序，因为是层层嵌套的关系，所以顺序不能乱；这里主要是实现当把图片拖出相框时，图片消失（见下图的图示）。                #mydiv{ width:900px; background-color:#444;left:100px;position:absolute;}    img{ width:200px; height:

validate简介：自带验证规则，包括必填，数字，url等验证提示信息(就是验证失败时候的提示信息，要想显示中文需要插件支持)多种事件触发，不仅可以在提交(单击submit类型的按钮)时，还可以在keyup,blur事件中触发验证；、、、、、、、、、、、、、、、、validate使用方法:引入Jquery引入jquery.validate.js引入messages

body{font-size:13px;}    ul,li{margin:0;padding:0;list-style:none}    #menu li{text-align:center;float:left;padding:5px;margin-right:2px;width:50px;cursor:pointer}    #menu li.tabFocus{width:50p

一、下面哪种不是jquery的选择器？(单选)A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器考点:jquery的选择器 (C)当DOM加载完成后要执行的函数，下面哪个是正确的？(单选)jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(el

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                        $(function () {            if ($.cookie("UserName")) {//如果有值得话，则在文本中显示 

1.$.map（array,callback(element,index)）   对于数组array中的每个元素，调用callback()函数，最终返回一个新的数组，原数组不变。案例： 将一个数组中索引大于3的元素的值翻倍，其余值不变，并返回一个新数组        var arr = [1,2, 4, 6, 3, 7, 8];        var newArr = $.map(

三、jquery对象和dom对象           //页面的基本元素加载后        $(function () {            var btnObjDom = document.getElementById('btn');            //dom对象变成jquery对象            alert($(btnObjDom).val

1、加法计算器。两个文本框中输入数字，点击【=】按钮将相加的结果放到第三个文本框中。            $(function () {            $('#btn').click(function () {                var first = parseInt($('#btnFirst').val());                var

$(function () {            //点击按钮在页面右下方弹出一个广告            $('#btn').click(function () {                //第一步：在页面右下角创建一个层                var dvObj = $('').appendTo($('body'));                /

练习要求：1.班级 姓名 薪水 就业单位  是否转正2.全选，取消全选，反选3.实现删除功能：删除一行或多行4.实现添加功能。添加一行。                 table        {            width: 600px;            height: 400px;        }        table t

前台代码，        #divfa a{ font-size:20px; font-weight:bold; text-decoration:none}.style1{width: 100%;}            河北软件职业技术学院优快云办公大楼，已经投入使用，电梯.......

5.Jquery的ready函数$(document).ready(function（){alert("加载完毕！");});//注册事件的函数，和普通的dom不一样，不需要再元素上标记onload**这样的事件。当页面Dom元素加载完毕执行代码，可以简写为：$(function(){alert("加载完毕！");});///////$(是一个选择器)和onload

1.JQuery对象、Dom对象jquery对象就是通过jquery包装Dom对象后产生的对象：alert($('#div1').html()).Dom对象要想通过Jquery进行操作，先要转换为JQuery对象。2.$('#div1').html()等价于：document.getElementById("div1").innerHTML;3.$("#div1")得到的就是JQu

6.JQuery选择器JQuery选择器用于查找满足条件的元素，比如可以用$("#控件id")来根据控件id获得控件的JQuery对象，相当于getElementByid:        $("#div1").html("hello")$("TagName")来获取所有指定标签名的JQuery对象，相当于getElementByTagName：         $(functi

题意：1.点击全选复选框，table里面的复选框就会被选中，点击反选复选框就是不被选中的状态；2.选中其中的几个，点击反选复选框，被选中的这几个就是不被选中的状态，其余的是选中状态。                img        {            width: 50px;            height: 50px;        }

.txtbackcolor{background-color:#eee;}                    $(function () {            var state = false;            $("#txtEmail").focus(function () {                if (state == false) {

body{font-size:13px;}    ul,li{margin:0;padding:0;list-style:none}    #menu li{text-align:center;float:left;padding:5px;margin-right:2px;width:50px;cursor:pointer}    #menu li.tabFocus{width:50p

jQuery事件的链式写法            .divFrame{width:260px;border:solid 1px #666;font-size:10pt}    .divTitle{background-color:#eee;padding:5px}    .divContent{padding:5px;display:none}    .divCurrCol

JQuery控制CSS样式            .divDefult{width:260px;font-size:10pt;padding:5px}    .divClick{width:260px;border:solid 1px #666;font-size:10pt;background-color:#eee;padding:5px}

使用JavaScript实现隔行变色        body{font-size:12px;text-align:center}    #tbStu{width:260px;border:solid 1px #666;background-color:#eee}    #tbStu tr{line-height:23px}    #tbStu tr th{background-

导航条        body{font-size:13px;}    #divFrame{border:solid 1px #666;width:301px;overflow:hidden}    #divFrame .clsHead{background-color:#eee;padding:8px;height:18px;cursor:hand}    #divFrame

body{font-size:15px;text-align:center}    div{border:solid 1px #666;padding:5px;width:220px;margin:5px;}                    $(function () {            var strHTML = $("#divShow").html(); /

p{background-color:#eee;font-size:30px;}    .classadd{background-color:red; font-family:微软雅黑;}     .classadd1{font-weight:bold;}                    $(function () {            $('#Button1

添加一个images文件夹，里面可以随便放置图片，我这里面是放了六张图片，可以多放，但是放多之后下面的数字也要跟着一块改，要不然的话出不来想要的想要的效果。            img{width:200px;height:200px;}                    $(function () {            $('img').clic

$(function () {                        var id = 0;            var tupian;            var zfc;            $('#Text1').blur(function () {                var niwid = id++;                va

主要是做这几个功能    1、“广播”按钮的高亮显示；    2、计算文本框中文字的个数；    3、话题、朋友和表情；http://www.w3.org/1999/xhtml">        腾讯微博            body {            margin: 0px;            background: url('img