cpf2016的专栏

1.实例 $().ready(function(){ $("p").click(function(){ $(this).hide(); }); }); 如果您点击我，我会消失。 点击我，我会消失。 也要点击我哦。

（1）选取表单中所有元素:input                 注意：选取的不仅仅是input标签，包括、等都会包含 :input表单选择器 修改全部表单元素的背景色 Option

（1）根据标签属性选择                 1.属性值等于                   语法格式[attribute=value]                  实例 [attribute=value]属性选择器 改变"title"属性值为"蔬菜"的背景色

（1）标签class操作                 1.为标签添加一个class $(document).ready(function(){ $("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important"); }); }); .im

（1）隐藏与显示                1.简单隐藏与显示 $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); 如果你点击“隐藏”

（1）遍历祖先                 1.获得直接父节点parent() .ancestors * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } $(document).ready(function(){ $("span

$(document).ready(function(){ $("p").click(function(){ console.log(this); console.log($(this)); }); }); 点我!           结果为：              可以看出在jquery中：this是触发事件的标签的HTML，而$(this)指向的是jq

（1）html()          获取标签内的html内容 $(document).ready(function(){ $("#btn").click(function(){ alert("HTML: " + $("#test").html()); }); }); This is some bold text in a paragraph. Show H

1.click事件       也就是单击元素的事件       语法： $(selector).click(function)     实例 $().ready(function(){ $("p#id-selector").click(function(){ $(this).css("background-color","red"); }); });

1.id选择器       简单地说，就是通过id来获取页面中的元素      语法格式为： $("#id")     实例： $().ready(function(){ $("#id-selector").click(function(){ $(this).css("background-color","red"); }); }); id选择器

1.获取       （1）获取所选元素的文本值或html值                text（）：获取文本值                html（）：获取html值 $().ready(function(){ $("#btn1").click(function(){ alert("Text: "+$("p").text()); }); $("#

（1）表单定义 //提交 $('#btnSubmit').click(function(){ $('#form').submit(); }); //重置 $('#btnReset').click(function(){ //由于jQuery没有提供reset方法，只能用form原生的reset方法。 $('#form').get(0).reset(); }