一、文档操作

1.内部插入:append(),appendTo(),prepend();

2.外部插入:after(),before();

3.删除操作:remove(),empty();

4.克隆操作:clone(),例:$(“ul li:last”).clone().appendTo(“ul”)

二、属性操作

1. 获取属性:attr();

2. 设置属性:

(1)单个属性,attr(“属性名称”,“属性值”);

(2)多个属性,元素.attr({“属性名称1”:“属性值1”,“属性名称2”:“属性值2”})

3. 删除属性:removeAttr(属性名)

三、类操作

1.addClass();

2.removeClass();

3.toggleClass();

区别:

attr(“class”,”classValue”):class的覆盖

addClass(className):追加样式,追加class的value

removeAttr(“class”):删除属性

removeClass(“className”):删除样式

四、筛选过滤

1.eq(index)获取第N个元素;

2.hasClass(class)检查当前的元素是否含有某个特定的类;

3.is(expr);

4. $(“ul li”).each(function(index){}) 遍历集合

五、筛选查找

add(expr),children(expr),find(expr),next(expr),prev(expr),siblings(expr),filter(expr)

六、样式操作

1.添加样式:css();

2.元素.css(“样式名称”,“样式值”);

3.元素.css({“样式名称1”:“样式值1”,“样式名称2”:“样式值2”});

4.Offset():获取元素在当前窗口相对偏移量,返回left(),top(),只对可见元素有效;

5.Height(),width()。

e对象:e.pageX, e.pageY

七、事件

ready(),hover(enterFun,leaveFun),toggle(fun1,fun2),blur(),change(),click(),focus()

Mouseover(),mouseout(),resize(),scroll(),submit()

八、效果动画(算法+时间控制,记得清除计时器)

show(),hide(),fadeIn(),fadeOut(),slideUp(),slideDown(),animate(),toggle(num),

slideToggle(num),fadeTo(num,透明度),stop(clearqueue,gotoEnd)

Jquery操作的更多相关文章

  1. jQuery操作<input type="radio">

    input type="radio">如下: <input type="radio" name="city" value=&qu ...

  2. Jquery给input[type=radio] 控件赋值

    setobject: function (data, scope, win) { //data jsoon数据, scope,一般为form的id,win 窗口对象,如果在当前window win=n ...

  3. jquery 获取 input type radio checked的元素

    .find('input:radio:checked'):.find("input[type='radio']:checked");.find("input[name=' ...

  4. jQuery操作 input type=checkbox的实现代码

    代码如下: <input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是:<br> <input ...

  5. jQuery对input中radio的一些操作

    通过jQuery获取页面中的所有radio对象,遍历页面中的radio,取消选中的标签,因为使用到jQuery时间,因此引用到了网上公共的js,这只是本人的一些总结,大神勿喷. <html> ...

  6. input type="radio" jquery判断checked的三种方法:

    <input type="radio" name="radioname" value="" />全部 <input typ ...

  7. JQuery 操作input

    获取选中的值 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item ...

  8. python 全栈开发,Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)

    昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架 在前端中,一个js文件就是一个模块 一.用法: 1.引入包 2.入 ...

  9. jquery操作input值总结

    获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本var item = $ ...

  10. 自定义input[type="radio"]的样式

    对于表单,input[type="radio"] 的样式总是不那么友好,在不同的浏览器中表现不一. 为了最大程度的显示出它们的差别,并且为了好看,首先定义了一些样式: <fo ...

随机推荐

  1. zhx and contest (枚举  + dfs)

    zhx and contest Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others) ...

  2. Python文件基础

    ===========Python文件基础========= 写,先写在了IO buffer了,所以要及时保存 关闭.关闭会自动保存. file.close() 读取全部文件内容用read,读取一行用 ...

  3. sql 批量更新

    利用update和select进行批量更新 UPDATE Table1 SET categoryId =(SELECT Id FROM Table2 WHERE Table1 .Id=Table2.c ...

  4. JS 自定义正则表达式

    1. 正则表达式规则 1.1 普通字符 字母.数字.汉字.下划线.以及后边章节中没有特殊定义的标点符号,都是"普通字符".表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的 ...

  5. Swap Two Nodes in Linked List

    Given a linked list and two values v1 and v2. Swap the two nodes in the linked list with values v1 a ...

  6. Html5 History API解析

    浏览器前进与回退操作 在传统的浏览器中我们只能通过调用window.history对象的 forward() . back() 或 go(number|url) 方法来进行页面的前进.回退或跳转到某一 ...

  7. 解决虚拟机 正在决定eht0 的ip信息失败 无链接-- 添加虚拟网卡

    添加步骤:1.进入设备管理器 2.点下一步3.继续下一步 4.继续往下走

  8. TinyMCE textarea 输入框外部程序动态修改方法

    TinyMCE textarea 输入框外部程序动态修改方法 Public Function C2IE_TINYMCE(ByVal id As String, ByVal value As Strin ...

  9. Java for LeetCode 202 Happy Number

    Write an algorithm to determine if a number is "happy". A happy number is a number defined ...

  10. 【wireshark】打开后显示There are no interfaces on which a capture can be done

    解决方式:用管理员方式打开wireshark即可