jquery文字源码(jquery 源码)
本文目录一览:
- 1、如何查看网页jquery源代码
- 2、jquery源码 ,jquery选择器,javascript,正则表达式
- 3、如何正确阅读jquery源码和jquery插件源码
- 4、jQuery打字效果实现方法(附demo源码下载)
- 5、jquery双击文本框出现源代码?
如何查看网页jquery源代码
右击页面,点击“查看元素”或“查看源码”就可以查案网页的html
一般scriptjuqery代码/script标签包裹的就是写在页面上的jQuery代码
另外还有写在jQuery文件在页面通过script src="jquery文件地址"/script这里的地址一般是相对地址,找到相应的地址打开文件就可以了
jquery源码 ,jquery选择器,javascript,正则表达式
quickExpr应该是个二义正则。前半段是:
^[^]*([\w\W]+)[^]*$:我猜测意思是一个简单的标签。如$('divnew Div/div')匹配的用法。
后半段是:
^#([\w-]+)$:这个显然就是id选择器。-getElementById
注意两个正则用了|来分隔二义,所以你这里的匹配不成功是正常的。
jquery应该是根据这个quickExpr来判断
if(match[1]) createNewfragment();....
else if(match[2]) getElementById();
当然这只是个人猜测,没有细读jquery源码。仅做参考
如何正确阅读jquery源码和jquery插件源码
1. jQuery 里面有很多东西是出于兼容性,历史遗留。
比如 .ready() 之类的函数,为什么会很scroll 有关,那是为了兼容某些ie。这种代码对于编程思想来说不仅没用,而且是杂音,你要筛选出来就得了解这段代码的变动,费心费力得不偿失。
2. jQuery 里面的代码不一定是最优的,例如事件委托,每一次事件触发都要调用选择器,实际上是效率很低的。但是我又比较懒,没有提交patch。
3. jQuery 实际上很容易写出来一个 barebone alternative,在使用的过程中多想,多思考多总结就可以了。
4. jQuery 这类框架里真正有思维挑战性的东西不多,一半以上是堆代码而已,剩下的一点价值在于架构、抽象、扩展能力。
5. 我有一句话与所有的同行分享:工程师让需求成为现实,优秀工程师化复杂为简单,顶尖工程师变不可能为可能;架构师掌握现在,优秀架构师展望未来,顶尖架构师创造时代。
jQuery 的设计目的是,让前端工程师的工作更简单更轻松,但它并不适合所有的前端工程师,假如你的目标是成为优秀架构师、顶尖架构师的话,你在jQuery里也看不清未来。
jQuery打字效果实现方法(附demo源码下载)
本文实例讲述了jQuery打字效果实现方法。分享给大家供大家参考,具体如下:
运行效果截图如下:
点击此处查看在线演示效果。
1.前台页面代码:
!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
title无标题页/title
script
type="text/javascript"
src="jquery-1.4.2.min.js"/script
script
type="text/javascript"
src="jticker_split.js"/script
script
type="text/javascript"
$(function(){
$("#ticker").ticker({
cursorList:
"
",
rate:
100,
delay:
4000
}).trigger("play").trigger("stop");
});
/script
/head
body
div
id="ticker"
style="height:
200px;
width:
500px;
border:
solid
1px
#cccccc;"
div
h3
1.1
RIA与Flex/h3
p
当下非常流行一个名词叫RIA,RIA全称是Rich
Internet
Application,翻译成中文为丰富互联网应用程序。RIA
是集桌面应用程序的最佳用户界面功能与Web应用程序的普遍采用和快速、低成本布署以及互动多媒体通信的实时快捷于一体的新一代网络应用程序。目前WEB领域和桌面软件领域正逐步向RIA靠拢,预计3、5年后RIA的时代将会完全到来。/p
/div
/div
/body
/html
2.jticker_split.js脚本代码:
复制代码
代码如下:eval(function(p,a,c,k,e,d){e=function(c){return(ca?'':e(parseInt(c/a)))+((c=c%a)35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return
d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new
RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return
p}('(3(m){5
b="Z";3
h(n,o){2(n=o)?h(n-o,o):((n0)?h(n+o,o):n)}3
k(p){5
q=p.u(b);5
o;17(5
n=0;n1b;n++){4(!q.F[n]){o=n;16}}q.v=h((q.v||0),o);q.10=q.v;q.y=[q.10];q.D=0;q.v++}3
l(o){5
p={Q:o.1k().G()};5
n=o.N();4(n.7){n.R(3(q){p[q]=l(m(L))});2
p}6{p.x=o.x();2
p}}3
e(p,n){5
o;4(p[n[0]]){4(p[n[0]].x){2
p[n[0]]}6{4(n.7==1){2
K}6{o=m.T(n);2
e(p[o[0]],o.1e(1,o.7))}}}6{2
8}}3
d(n){4(n.71){n[n.7-1]++;2
n}6{2
8}}3
g(o,n){4(n===8){2
8}5
p=e(o,n);4(p===8){2
g(o,d(n.X(0,n.7-1)))}6{4(p===K){n[n.7]=0;2
g(o,n)}6{2
n}}}3
c(r,q,n,s){5
p,o;5
t=r.N().1c(n[0]);4(!n.7){2{P:r,x:q.x}}6{4(t.7){o=t}6{o=q[n[0]].Q.1h(r)}}p=m.T(n).X(1,n.7);2
c(o,q[n[0]],p,s)}3
i(n){5
o=n.u(b);m("*",n).G();n.G();o.H=0;o.E=0;4(o.w){w=0}}3
a(n){5
o=n.u(b);o.H=o.E}3
j(q,n,r){5
o,p;4(r.w!==8){r.w=h(r.w+1,r.z.7);r.9.U(r.z[r.w])}6{r.9.U(r.z)}o=r.D-r.H;p=r.x.18(o-1);r.9.19(p);4(r.D=r.E){r.9.S();r.y=d(r.y);2
f(q,n)}6{2
V(3(){4(r.B==n){r.D++;j(q,n,r)}n=W},r.A)}}3
f(o,n){5
p=o.u(b);4(p.B==n){p.y=g(p.F,p.y);4(p.y===8){2
V(3(){4(p.I(p.B==n)){k(o);2
f(o,n)}n=W},p.C)}6{4(!p.D){i(o)}6{a(o)}}m.O(p,c(o,p.F,p.y));p.E=p.E+p.x.7;p.P.1l(p.9);2
j(o,n,p)}}m.M[b]=3(n){5
p=m.O({},m.M.Z.Y,n);2
L.R(3(){5
o=m(L);o.u(b,{A:p.A,C:p.C,F:l(o),9:p.9,z:p.z,w:(1f(p.z)=="1m")?0:8,v:0,B:0}).J("1j",3(r){5
q=o.u(b);q.I=8}).J("13",3(r){5
q=o.u(b);q.B++;q.I=K;q.v=(r.11||q.v);k(o);f(o,q.B)}).J("15",3(r){5
q=o.u(b);m().O(q,{v:r.11,A:r.A,C:r.C})}).N().S()})};m.M[b].Y={A:1d,C:12,z:"14",9:m(\'1i
1a="9"
/\')}})(1g);',62,85,'||return|function|if|var|else|length|false|cursor|||||||||||||||||||||data|nextItem|cursorIndex|text|elemIndex|cursorList|rate|eventIndex|delay|charIndex|sum|content|empty|start|running|bind|true|this|fn|children|extend|readout|elem|each|remove|makeArray|html|setTimeout|null|slice|defaults|ticker|currentItem|item|2000|play|_|control|break|for|charAt|before|class|200|eq|40|splice|typeof|jQuery|appendTo|span|stop|clone|append|object'.split('|'),0,{}))
完整实例代码点击此处本站下载。
希望本文所述对大家jQuery程序设计有所帮助。
jquery双击文本框出现源代码?
JQ应该不会无缘无故响应input的双击事件的,可能你的JQ代码没写好,你要的只是input的val(),而不是html()。再检查下涉及这个input的代码是不是有“.html()”或者你的其他双击事件的绑定的选择器涵是否盖了当前的input(比如多个input的外层都使用了相同的class,又或者你偷懒写了类似$('input').....的代码——所有的input都执行相同的操作,有一个算一个)。个人觉得:在JQ中,选择器用Id比用class/tagname要“安全”得多。