$(\"p\").html(\"Hello world!\"); $(\"p\").text(\"Hello world!\");
Html和text的区别就在于html可以为解析,而text只是值而已 2、
$(\"input[type='checkbox']\").parent()或者$(\"input[name='checkbox1']\")
这是一般查找某个名称name的所有控件,比如很多checkbox,或者radio等
当然$(\"input[type='checkbox']\").parent()这里的.parent()是为了获取它的父对象,比如
他的值是这个对象 3、
如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);加了$()是把她们转换为jquery对象
4、
如下代码:this和event.target的区别,js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;this和event.target都是dom对象,完全可以转换成jquery对象,通过$(this)或者$(event.target)
我还想说的是:$(div).click(function(event){})说明只有在这个层内点击才有效果,
event.target.nodeName,如果你点击的是aaa,那么弹出的就是DIV,同理如果是list item 3,那么是LI,下面代码喜欢把对象都转换成jquery对象
5、
append和prepend区别在于append是加在内容后面,而prepend是加在内容前面,一般$(boby).prepend(„„)会这么写,
6、 setTimeout(„alert(“超时啦”)‟,1000)就是过1000毫秒后执行alert,或者可以setTimeout('getname()', 1000);这里getname为自定义的方法
7、
hover(over,out)用法:当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测.
8、
setTimeout() 方法的返回值,setTimeout() 的返回值是唯一的,如果你同时调用很多setTimeout()那么你想终止其中一个setTimeout(),该怎么班呢,一般我们会想到用clearTimeout()方法,对了没错,所以一般clearTimeout()括号内放的就是setTimeout() 的返回值,来唯一确定结束那个setTimeout()方法
9、
$(\"#test\").hover(
function(){$(this).addClass(\"blue\")}, function(){$(this).removeClass(\"blue\")} );
10、var str = chars.substring(chars.indexOf('@'),chars.indexOf('.')); 根据邮件地址的组成方式
chars.indexOf('@')是取第一次出现@的索引,在你这里是3 chars.indexOf('.')是11 在截取子串substring
11、
Checkbox的一些操作
全选:
$(“[name=’mycheckbox’]”).attr(“checked”,”checked”)或者
$(“input[name=’mycheckbox’]”).attr(“checked”,’true’); 取消全选
$(“[name=’mycheckbox’]”).removeAttr(“checked”);//类似这种只能取出如id,style,checked等
选中所有奇数
$(“[name=’mycheckbox’]:even”).attr(“checked”,”checked”) 反选
$(“[name=’mycheckbox’]”).each(function(){if($(this).attr(“checked”))$(this).removeAttr(“checked”)else $(this).attr(“checked”,’true’)}) 获取选中的值
$(“[name=’mycheckbox’][checked]”).each(function(){alert($(this).val())}); 为复选框赋值
$(\"input[name=' mycheckbox’']\").each(function() {
if ($(this).attr(\"value\") == BanLi_Kind) { $(this).attr(\"checked\ }
});
或者$(\"input[name=' mycheckbox’']\").get(0).checked=true;
12、怎么让层居中
#logo {
position: absolute; display: block; width: 156px; height: 49px;
/*这部分是让元素相对浏览器垂直居中 left: 50%; top: 50%;
margin-left: -156px; margin-top: -49px;
-----------------------------------------*/ background: url(logo.png) top left no-repeat; }
当为网页设置了高度宽度后,可以把
13、怎么选中属性readonly不为readonly的控件
$(“[readonly!=’readonly’]”).val()或者$(\"[readonly!='readonly'][type!='hidden']\").attr(\"value\", \"\");不等readonly并且type不等于hidden
有次联想到
Jquery选择器分为三种,
元素选择器:比如$(“p”)选取
元素,$(“p.intro”)选取class为intro的p元素,$(“p#intro”)选取id为intro的p元素,
属性选择器:比如$(“[href]”)--------------所有带有href属性的元素 $(\"div#intro .head\") id=\"intro\" 的
$(“[href=’#’]”)---------所有href值等于“#”的元素 $(“[href!=’#’]”)---------所有href值不等于“#”的元素 $(“[href$=’.jpg’]”)---------所有href值以“.jpg”结尾的元素
这里总结一般的顺序,第一是元素,第二是id,第三是class
14、
A:link{color:red}未访问的连接 A:visited{color:red}已访问的连接 A:hover{}鼠标悬浮连接 A:active{}被选择的连接
15不用脚本也可以实现鼠标移上去变化颜色等,(除了 a href ….) 这里是在样式后面加冒号和hover
因篇幅问题不能全部显示,请点此查看更多更全内容