2016年02月_天赋进行时

原创 JavaScript王者归来02

运算符注意,减号运算符总是将数值转换为数字.如果有一个转换不成功.结果为NaN.运算符 * 总会将操作数转换成数值.% 计算余数++ –同一般也会自动转换< > 如果只有一个运算符是数值.那么总是尝试江湖另一个运算数转换为数值.如果两个运算符都是字符串.那么运算符<>,只不过总是试图将另一个运算数转换为字符串,那么将比较他们的unicode数值.如果两个运算数既不是字符串也不是数值.总是尝试将他们转

2016-02-29 22:29:22 702

原创 JavaScript王者归来01

程序员的四大境界第一境界:知器–熟练掌握几种语言第二种境界:格物–对具体问题的分析.善于从具体问题中分析出合理有效的解决方法–作者称之为初级程序员第三种境界:明理–在于对事物本质规律的认识.在这个境界,能快速的抽象出问题的本质. 第四个境界:成道注意:吝惜你的代码,尽量深思熟虑后才动手写代码.并且,不要放任任何一个哪怕无伤大雅的的小缺陷在你的代码中.时刻回头,圣贤也无法完全预知未来,.

2016-02-28 22:32:38 610

原创 Cookie的基础概念

Cookie是保存在浏览器上的内容,用户在浏览页面的时候就可以取出来上次保存的内容.这样就可以得到上次记忆的内容. Cookie不是jquery特有的概念.只是jquerycookie把它简化更加好用简单来说:cookie是保存在浏览器里的一些数据cookie需要浏览器的支持.浏览器的cookie是可以禁止的.如果禁用cookie就不能使用.一般情况下.不考虑禁用cookie的情况.cookie是

2016-02-28 21:40:44 330

原创 web应用程序和网站的区别

在VS下.可建的两种区别 web应用程序,需要生成在进行查看网站可以直接查看. web在一个命名空间下,编译如果出错则全部不能查看.且只生成一个dll文件.web应用程序中,cs文件可以置于任意处网站必须置于app_code中,不然无法找到建议:所有的项目都使用web应用程序做.统一生成.如果错了.也方便知道哪个文件出错了.而网站则不利于维护

2016-02-28 21:34:15 727

原创 jQuery23(获取radiobuttomvalue及选中)

获取被选中的单选按钮的value值注意点:radio,check无法直接遍历,需要使用each方式进行遍历实例:$(':radio:checked').each(function (index, ele) { alert($(ele).val()); });radiobuttom的选中的特殊写法$('#btnchecked'

2016-02-07 00:34:21 369

原创 jQuery22(替换元素,包裹元素)

替换元素第一种方式: 原节点.replaceWith(新节点). 实例:$('br').replaceWith('<hr color="red" />')第二种: 新节点.replaceAll(原节点) 实例: $('<hr color="red" />').replaceAll('br')完整实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T

2016-02-07 00:28:47 1129

原创 jQuery21(文本框为空,球队)

文本框为空练习完整实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></tit

2016-02-07 00:21:21 352

原创 jQuery20(加号计算机,判断按钮是否可用)

加号计算机注意点:要使用parseInt转换value值,另外,使用val(值)的方式,将指定的value值显示. 完整实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht

2016-02-07 00:18:45 391

原创 jQuery19(无刷新评论,清空元素)

无刷新评论(动态添加)完整实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title><

2016-02-07 00:12:30 295

原创 jQuery18(小广告效果,动态创建表格)

小广告效果知识点:bottom是末端的意思.另外,因为直接在这里写html,所以,小心一些在html和js中不同的写法. 完整实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=

2016-02-07 00:09:13 328

原创 jQuery17(html,attr,removeAttr,动态创建元素)

html,attr,removeAttr方法html方法对应的是Dom中的innerHtml方法,text对应的是Dom中的innerText方法. html方法: 实例:$('div').html('<font color="red">哈哈</font>');注意,如果html中不写的话表明是获取.attr方法: 一般写两个值,属性及属性值.注意.如果是要写true,false.例如attr

2016-02-07 00:00:59 526

原创 jQuery16(内容过滤器,子元素过滤器)

内容过滤器表示所有层内包含哈哈内容的层,注意,fontSize S大写$('div:contains(哈哈)').css('fontSize', '50px');空的层,注意,实例ie11及谷歌无效$('div:empty').text('我也不为空啦');所有层中包含a标签的$('div:has(a)').css('backgroundColor', 'red');父亲元素$('div:paren

2016-02-06 23:44:36 319

原创 jQuery15(元素each方法,表单选择器)

元素的each方法目前已知,radio,checkbox在jQuery中无法直接遍历,需要使用each方法进行遍历. 实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt

2016-02-06 21:58:44 539

原创 jQuery14(表单过滤器及注意事项)

表单的过滤器获取层中有id属性值的层,里面的参数可以多写$('div[id]').css('backgroundColor', 'red');获取层中id值为dv1的层$('div[id=dv1]').css('backgroundColor', 'red');获取层中id值不为dv1的层$('div[id!=dv1]').css('backgroundColor', 'red');获取div中id

2016-02-06 20:58:45 446

原创 jQuery13(相对元素的练习)

相对元素的练习关键词:this 语法:$('td:odd',$(this)).css('backgroundColor','yellow'); 实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><h

2016-02-06 00:16:54 281

原创 jQuery12(prev练习,相对元素)

prev练习题目:评分实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>

2016-02-06 00:12:46 389 1

原创 jQuery11(过滤器的3个练习)

过滤器练习1题目:点击按钮变色,改变字体大小.实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>

2016-02-06 00:07:30 405

原创 jQuery10(过滤器)

过滤器关键词:first 语法实例:$('ul li:first').css('backgroundColor','yellow'); 意义:ul标签中的第一个元素关键词:last 语法实例:$('ul li:last').css('backgroundColor','yellow'); 意义:ul标签中的最后一个元素关键词:even 语法实例:$('ul li:even').css('b

2016-02-05 23:58:24 313

原创 jQuery9(操作类选择器,开关灯)

类选择器的添加及移除添加类选择器关键字:addClass() 语法:$(‘#p1’).addClass(‘cls’); 意义:给id为p1的元素添加类 cls移除类选择器关键字:removeClass() 语法:$(‘#p1’).removeClass(‘cls’); 意义:为id为p1的元素移除类名为cls的类.注意,如果这里不写.则移除该元素所有的类样式!!!实例:<!DOCTY

2016-02-05 23:48:58 676 1

原创 jQuery8(常见方法next.prev等,常见方法练习)

常见的方法关键字:nextAll() 语法示例:$('div').nextAll().css('backgroundColor','red'); 意义:层后面的所有的元素关键字:next() 语法实例:$('div').next().css('backgroundColor','red'); 意义:层后面的第一个元素关键字:prev() 语法实例:$('div').prev().css(

2016-02-05 23:33:54 480

原创 jQuery7(多条件选择器,层次选择器)

多条件选择器关键点:当使用$('') ,引号内的内容可以写多个. 实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"

2016-02-05 23:20:17 629

原创 jQuery6(获取元素练习,改变标签样式及内容)

获取元素练习-我们都是p标签知识点:jQuery是隐式迭代.不需要for循环.text对应的是dom中的innerText. 实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=

2016-02-05 23:00:28 453

原创 jQuery4(3种选择器,选择器获取元素)

该内容所将选择器都是出现在style中;id选择器实例: #dv //id选择器 { width:300px; height:200px; background-color:Gray; }知识点::将id为dv的标签设置为该样式标签选择器实例:div { width:300px; height:200p

2016-02-05 22:52:47 978

原创 jQuery4(Dom与jQuery对象的相互转换)

Dom与JQuery对象的相互转换关键字:get[0],[0] Dom转换为JQuery:$(document.getElementById('dv'));jQuery转换为Dom:$(document.getElementById('dv'))[0];$(document.getElementById('dv')).get[0];实例:<!DOCTYPE html PUBLIC "-//W3C

2016-02-05 22:41:54 261

原创 JQuery3(map,each,trim方法)

方法:map用法:遍历数组等语法:$.map(arr,function(ele,index){});实例:<script type="text/javascript"> var arr = [1, 2, 3, 4, 5, 6, 7]; // $.map(arr, function (ele, index) { //

2016-02-05 22:19:50 484

原创 jQuery2(JQuery实现onload)

JQuery实现onload注意:dom中的onload,是全部资源加载完后在进行执行,且只能执行一个.而jQuery中是基础元素加载完后就执行,且能执行多个(效率高). 语法:$(function(){});完整的实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm

2016-02-05 22:09:04 1007

原创 jQuery1(jQuery介绍及$)

jQuery介绍jQuery是一个JavaScript的框架库.因为普通JavaScript缺点很明显:每种控件的操作方式不统一,不同浏览器下有区别.要编写浏览器程序非常麻烦. 优点:对JavaScript进行了封装简化了开发解决大部分的兼容性问题对不同的控件具有统一的操作方式体积小,简单方便链式编程,隐式迭代免费jQuery文件组成: jQuery普通文件,带mini的为压缩版,

2016-02-05 22:00:46 284

原创 Dom15(让图片飞)

让图片飞关键字:onmouseover 翻译:鼠标移到目标上时目的:让图片跟着鼠标移动思路:设置document的onmouseover事件,注意是document.因为dom范围比较大.并且设置图片的位置属性,使其脱离文档流. 实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

2016-02-05 21:51:55 243

原创小情绪

哎,很纠结.我是个很懒的人,本来也相安无事,偏偏确是个很贪的人.很多时候问自己,你到底喜欢编程吗?我想,自己大概是喜欢的.这个工作相对其他的工作来说,起码我不讨厌,内心有抵触心理.爱这份工作为什么现在却拿不出思路去学习JQery呢?我不信悬梁刺股,就这种学出来也是死的知识.真的研究学识,会让人越来越清醒,如同玩游戏般,一直有新的东西刺激那我呢?这段时间究竟怎么了?

2016-02-02 22:24:09 211

xbc1213的博客