名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
以下内容来至pandamf投稿
1 .jquery篇
(1)Jquery获取#first下 input名字叫price的元素的值
function getit(){
name = $("#first input[name='price']").val();
alert(name);
}
alert($("#first input[name='price']").attr("value")); //获取某个属性的值
//$("ul li:last").html("22"); $("ul li:first").html("22");
(2)Val()可以赋值也可以获取值
alert($("#first input[name='price']").val());
$("#first input[name='price']").val(123123123)
(3)each()遍历select里的option项
$("#sele option").each(function(){
if($(this).text()=="text"){
$(this).attr("selected","true");
}
});
(4)javascript的加法
parseInt(name) parseInt(name2)
(5)页面加载时运行
$(document).ready(function(){
$('ul').css('color','red');
});
(6)Jquery获取元素的值的方法
$("#orderedlist").find("li") 等价于 $("#orderedlist li")
Var nname=$(this).parents('.list-comt').find('#nnuser').html(); //寻找某元素父元素 里的 子元素的值
(7)在元素后追加
$("ul li").each(function(){
$(this).append("<font style='font-weight:bold;'>fireworf</font>");
});
//$(this).find("em").remove(); 删除元素
//$("a[href='/fyou']").html(); 获取指定链接的超链接
//$("a[href]")//有href属性的超链接
(8) 改变对象的CSS
$("#61dh a").css('color','#123456');
$('#sp').parent().css('background','#000'); //#sp的父原素的背景变黑
(9)清除表单 表单复位
$("#reset").click(function(){
$("#form")[0].reset()
})
(10)绑定事件
functionsecondClick() {
$("#dv1").unbind(); //解除对象事件
alert("second click!");
}
$("#dv1").bind("mouseover",secondClick);
//$("#dv1").trigger("click"); //自动触发事件
//为所有的段落添加一个click事件,包括后来加上的元素
$("p").live("click",function () {
alert($(this).html());
});
(11)动画效果 自定义animate
$("#go").click(function(){
$("#block").animate({height:300,width:' 800',marginLeft:' =300'},"slow");
});
// 800表示增加到800 =800表示在原来基础上加800
// $(".panel").slideToggle("slow"); //上和下综合<span style="color: rgb(31, 73, 125); font-family: 'Microsoft Yahei';"> </span>
(12)javascript原生绑定事件
var dg = document.getElementById("dg");
dg.onmouseover =function(){
alert("good");
}
(13)return false 在javascript中是跳出这个方法！
(14)jquery 增加删除class
$(thisObj).addClass("selected");
$(thisObj).parents("ul").find("li").removeClass("selected");
(15)取select值
var pp = $("#provide option:selected").val();
//或
var area0 = $("select[name='prov']").val();
(16)在某元素中插入内容（可以是html，可以是字符串）
在每个 p 元素结尾插入内容：
$("button").click(function(){
$("p").append(" <b>helloworld!</b>");
});好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明，本站内容来源于互联网，如果侵犯了你的权益请联系本站删除。,php教程,html教程,linux教程,MyS【JavaScript】常用 JQuery 具体代码片段 和 JavaScript 具体代码片段(下
