#one
{
color:red;
font-size:30px;
background-color:#999;}
$(document).ready(function(e) {
//js方式
//1.根据ID取元素,DOM对象
//var div=document.getElementById("one");
//2.根据class取元素 取出来的是数组
//var div=document.getElementsByClassName("test");
//3.根据name取元素 取出来的是数组
//var bd=document.getElementsByName("uid");
//4.根据标签名取元素 取出来的是数组
//var div=document.getElementsByTagName("div");
//操作内容
//1.非表单元素
//alert(div.innerText); 取值 直接输出
//div.innerText="aaa"; 赋值 直接输出
//div.innerHTML; 取值或添加HTML代码 可以解析HTML代码
//2.表单元素
//div.value 取值或赋值
//操作属性
//div.setAttribute("",""); //设置属性
//div.removeAttribute(""); //移除属性
//div.getAttribute(""); //获取属性
//操作样式
//div.style.backgroundColor="red"; 设置样式表 背景色 红色
//alert(div.style.color) 获取样式表 只能获内联样式
//在数组里面如果要取DOM对象使用索引的方式,如果要取JQUERY对象使用eq()
//jquery方式
//1.根据ID取元素,JQUERY对象
//var div=$("#one");
//2.根据class取元素 取出来的是数组
//var div=$(".test");
//3.根据属性取元素 取出来的是数组
//var bd=$("[name='uid']");
//4.根据标签名取元素 取出来的是数组
//var div=$("div");
//5.组合选取
//var div=$("div span");
//操作内容
//1.非表单元素
//alert(div.text()); 取值 直接输出
//div.text("aaa"); 赋值 直接输出
//div.html(); 取值或添加HTML代码 可以解析HTML代码
//2.表单元素
//div.val("aaa"); 取值或赋值
//操作属性
//div.attr("test","aa"); //设置属性
//div.removeAttr("test"); //移除属性
//div.attr("test"); //获取属性
//操作样式
//div.css("background-color","#FF0"); 设置样式表 背景色 黄色
//alert(div.css("color")); 获取样式表 内联内嵌都可以
//操作元素
//var str="
//div.append(str); //追加元素
//$("#abc").remove(); //移除某个元素
/*$(".test").click(function(){ //添加事件
alert($(this).text());
})*/
/*$(".test").bind("click",function(){ //添加事件
alert($(this).text());
});
$("#btn").click(function(){ //解除事件
$(".test").unbind("click");
});
$("#add").click(function(){ //绑定事件
$(".test").bind("click",function(){
alert($(this).text());
});
});*/
});
JS与JQ倒计时的写法
页面需要制作一个倒计时的功能:然后度娘了一遍,找到两种写法,原生JS与JQ 的,经过测试原生JS在IE可能会有不刷新的现象所以结合了一个大神的JQ写法修改好了一个. 原生JS写法: HTML: < ...
js模拟jq获取id
js模拟jq获取id: (jquery)需要自己添加
前端双引号单引号,正则反向引用,js比较jq
1.js,jq,css,html属性必须双,如果同时出现需要嵌套使用,属性的规范是双但是也可以用单测试有效 单引号现象举例:jq中获取元素标签是单引号:$('input').click:弹出也是单引号 ...
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性)
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性 二.设置元素的属性 三.删除元素的属性 一.获取元素的属性 1-原生JS 获取属性 .ge ...
通过js或jq增加的代码,点击事件或其他一些事件不起作用时
通过js或jq增加的代码,点击事件或其他一些事件不起作用时,可使用 $(document).on("click",".noshow",function() { ...
用JS和JQ来获取子节点!
用JS和JQ来获取子节点! 在JS中,如果通过document.getElementsByTagName来获取子元素有个弊端:它不单会获取符合要求的子元素,就连同孙元素也会获取.如果有特殊要求,那 ...
JS与JQ的对比与提高
来吧, 案例1:先上个例子js写的省市二级联动