无标题文章


1.利用选择器选择对象

①层次选择器

$("div a") 选择div里所有的<a>标签 (类似于css里的选择器.div a)

②基本选择器

$("#smart")选择id为"smart"的标签

$("#smart,span")选择id为"smart"和所有的<span>标签

③还有很多选择器,记不得记不得

大致用法:

$("div:fisrt")第一个<div>元素(:last  :eq()  :gt()  lt()  :not())

2.给选择的对像和元素加上效果

1.css

$("#shut").css("background","#bbffaa")    也可以同时设置多个样式  

$("#shut").css({"background":"red",

                        "font-size":"200px"});

2.动作

$("#bbj").click(function(){

});//添加各种动作click;mouseover;mouseout;hover;togger;

3.删除

$("#sss").remove(sth.);//还有detch(sth.);empty(sth.) 其中empty只是清空内容,比例li中只是没有了内容,但是前面的小点点还是在的

4.show()这个是jq中才有的 (好像)

$("#ooo").show();//id为#ooo的元素显示  hide()则是隐藏

5.append()

$("#sss").append("<p>woshishabi</p>");//将后面的加到前面的内容里 举个栗子:<div>1<p>woshishabi</p></div> 卡进了标签里 after()和before()则是不卡进标签里

6.复制 替换 包裹

$("#sss").clone();//复制当前节点 如果在clone()括号中加入true,则是完美复制,跟之前本体具有一样的功能,完美copy

$("#sss").replaceWith("i am a superman!");//将#sss中的内容替换成后面括号里的

不知道包裹有什么用。。wrapAll(<b></b>)

7.$("#sss").html(sth.);//设置#sss的html

$("#sss").text(sth.);//设置#sss的文本内容

8.$("#sss").val(sth.);//设置和获取#sss的val 并且在checkbox,radio,select中可以操相应的选项被选中 举个栗子:①$("#sss").val("选择2号");//选项中的"选择2号"会被默认选中 ②$("#sss").val(["选择2号","选择4号"]);选项中的xx和xx都会被默认选中

9.$("#sss").bind("click",function(){

});//click可以是mouseover巴拉巴拉,看自己喜好

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <!doctype html> 事件是 Web 应用中不可或缺的一个东西,用户在应用中执行一个操作的时候,比如鼠标...
    JS大神阅读 368评论 0 0
  • 一、基本选择器 选择器含义*通用元素选择器,匹配任何元素E标签选择器,匹配所有使用E标签的元素#footerid选...
    江火渔枫阅读 229评论 0 0
  • Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站...
    mhy_web阅读 7,787评论 0 0
  • 1、判断数据类型的两种方式以及两者之间的区别? typeof 返回一个字符串 number boolean str...
    张子轩xuan阅读 426评论 0 0
  • 今天是公元后2016年的9月6日,此文将于9月7日凌晨发布,这是飞鱼写的第N篇公众号文章,如果你喜欢,欢迎关注本公...
    飞鱼kiwi阅读 308评论 0 0