JQuery初识(2)

text("可以放一些文本") - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值            val与输入框连用,前两个与button连用

jQuery attr() 方法用于获取属性值。
$("button").click(function(){
  alert($("#w3s").attr("href"));
});

$("#test1").text(function(i,origText))这里面就是两个参数,不要想得太复杂,就是,元素下标和对应内容

jQuery attr() 方法也用于设置/改变属性值。
下面的例子演示如何改变(设置)链接中 href 属性和title属性的值:
$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.w3school.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });
});

回调函数(jQuery设置)

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容        $("p").append(txt1,txt1,txt3);    可以有这种操作
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

remove() - 删除被选元素(及其子元素)        div也会被删除        可以接收一个参数,会删除这个参数有关的东西
empty() - 从被选元素中删除子元素        div中的子元素才会被删除


addClass() - 向被选元素添加一个或多个类            addClass("blue big")
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作    这三个用法一样    
$("button").click(function(){
    $("h1,h2,p").toggleClass("blue");});
css() - 设置或返回样式属性
    css("background-color")    返回背景的颜色
    css("background-color","yellow")改变背景颜色
    css("font-size":"200%","color":"red")同时改变多个值


width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)        可以调整大小
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。
outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。    (margin included)

$("button").click(function(){
  var txt="";
  txt+="Outer width: " + $("#div1").outerWidth() + "</br>";
  txt+="Outer height: " + $("#div1").outerHeight();
  $("#div1").html(txt);
});

tx    t+=        适用与不断输出的情况下

$("a").parent()        找到a的祖先
$("a").parents("ul")        找到a的祖先们/又带有ul的元素
$("a").parentsUntil("div")    找到从a开始的祖先直到div

$("a").children("b")        找到a的后代中符合b的元素
$("a").find("b")        找到a后代中所有b的元素
$("a").find("*")        找到a的所有后代

siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
prev()
prevAll()
prevUntil()        与上面三个相反


first()
last()
eq()        第一个。最后一个。第几个(从零开始)符合前面条件的元素

$(document).ready(function(){
    $("p").filter(".a");        not返回值刚好相反
    });            class=a的多个元素

$("#div1").load("demo_test.txt #p1");        外部的引用,这里是只用class=p1的元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值