`
luckyjaky
  • 浏览: 114384 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

css与attr、trigger()与toggle()的区别

CSS 
阅读更多
       <select multiple="multiple" class="content" id="select2" style="width: 100px; font-size:12px; height: 160px;">
            <option value="8">选项8</option>
        </select>

    alert($("#select2").attr("class"));   运行结果为“content”.

    attr为属性,即该元素除style属性外的所有属性都可以用attr表示。

 

   ("#select2").css("font-size");   运行结果为“12px”.

   css为样式,即style里面的内容。

 

  •    toggle()方法用于模拟鼠标连续单击事件,用于切换效果。toggleclass()重复切换类名。
  •    triggle()方法用于模拟操作。例如用户必须通过单击按钮才能出发click事件,但是有时需要通过模拟用户操作, 来达到单击的效果,例如用户进入页面后,就触发click事件,而不需要用户去主动单击看,就可以用triggle()方法。例如页面一加载进来就触发单击操作就用$("#btn").triggle("click"),也可以简化为$("#btn").click().
分享到:
评论

相关推荐

    jquery点击toggle并改变图片src源码

    `toggle`有两个主要用途:一是用来切换元素的可见性,二是绑定多个事件处理函数,并在每次点击时轮流调用它们。在这个案例中,我们将关注第二种用法。 代码实现的基本思路是这样的: 1. **选择元素**:首先,我们...

    jquery离线中文帮助文档+W3School离线手册

    - jQuery对象与JavaScript对象的区别 - `$`函数的作用:用于选择元素或创建jQuery对象 - `$(document).ready()`:页面加载完成后的执行代码 2. **选择器** - 基本选择器:`#id`, `.class`, `tag` - 层次选择器...

    中文版JQuery_1.4_API手册

    - 触发事件:`.trigger()` 方法可以手动触发事件,如 `.trigger('click')`。 5. **遍历(Traversing)** - 子元素:`.children()`, `.find()`, `.parent()`, `.parents()` 等方法帮助遍历DOM树,查找相关元素。 ...

    Jquery 1.3 简体中文手册

    trigger(type, [data]) triggerHandler(type, [data]) unbind([type], [data]) 事件委派 live(type, fn) die([type], [fn]) 事件切换 hover(over, out) toggle(fn, fn2, [fn3, fn4, ...]) 事件 blur( [fn] ) ...

    JQuery 1.3 中文参考手册

    trigger(type, [data]) triggerHandler(type, [data]) unbind([type], [data]) 事件委派 live(type, fn) die([type], [fn]) 事件切换 hover(over, out) toggle(fn, fn2, [fn3, fn4, ...]) 事件 blur( [fn] ) ...

    jQuery使用手册

    此外,还有`hide()`, `show()`, `toggle()`等用于显示和隐藏元素。 5. 动态效果: jQuery 的动画功能强大,包括`fadeIn()`, `fadeOut()`, `slideToggle()`等平滑过渡效果,以及`animate()`方法用于自定义动画。...

    jQuery1.4 API

    jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性属性 attr(name) attr(properties) attr(key, value) attr(key, fn) removeAttr(name) CSS 类 addClass(class | fn) removeClass([class | fn]) ...

    jquery-api-1.7

    `.show()`, `.hide()`, `.toggle()`则是快速切换元素显示状态的方法。 八、Ajax jQuery的Ajax模块简化了异步数据交互。`.ajax()`, `.get()`, `.post()`等方法用于发送Ajax请求。`.getJSON()`用于获取JSON数据,`....

    Jquery中文API 1_4

    - `.attr()`:获取或设置元素的属性值,如`$("input").attr("value", "新值")`。 - `.removeAttr()`:移除元素的特定属性。 4. **筛选**: - `.filter()`:根据提供的表达式或函数筛选元素集合。 - `.not()`:...

    JqueryApi中文手册

    - 获取/设置属性:`.attr(name)`, `.attr(name, value)` - 删除属性:`.removeAttr(name)` - 数据存储:`.data(key)`, `.data(key, value)`, `.removeData(key)` 4. **CSS操作** - 获取/设置样式:`.css...

    jQuery-1.6-api

    - `.triggerHandler()` 方法触发事件并返回事件处理函数的返回值,不同于`.trigger()`,它不会引发冒泡或触发默认行为。 8. **遍历和过滤** - `$.each()` 方法可用于遍历数组和对象,1.6版本中这个功能依然强大。...

    jQuery 1.4.1 速查表 jQueryAPI

    **jQuery 1.4.1 速查表与jQuery API** jQuery 是一款高效、简洁的JavaScript库,它极大地简化了JavaScript编程,特别是DOM操作、事件处理、动画制作以及Ajax交互。jQuery 1.4.1 是该库的一个早期版本,尽管现在已经...

    jQuery权威指南(完整版)

    - `.trigger(type[, extraParameters])`:手动触发匹配元素上的某个事件。 - `.triggerHandler(type[, extraParameters])`:手动触发匹配元素上的某个事件,但不冒泡也不触发默认行为。 #### 六、动画与效果 ...

    JQUERY手册--你的详细实践绝好助手

    **二、CSS 操作与动画** 4. **CSS 操作**:jQuery 可以方便地改变元素的样式,如 `.css({"property": "value"})` 设置多个 CSS 属性,`.addClass()`, `.removeClass()`, `.toggleClass()` 分别用于添加、删除和切换...

    jquery 中文 Api

    - `.attr("attribute", "value")`:设置或获取属性值。 - `.removeAttr("attribute")`:移除属性。 - `.hasClass("class")`:检查元素是否包含指定类。 - `.addClass("class")`:添加类到元素。 - `....

    jQueryAPI-100214.rar

    `css()`方法可以设置或获取元素的CSS属性,如`width()`, `height()`获取宽高,`show()`, `hide()`, `toggle()`控制元素的可见性。 七、动画(Animation) jQuery的动画功能强大且灵活,`fadeIn()`, `fadeOut()`, `...

Global site tag (gtag.js) - Google Analytics