<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().
分享到:
相关推荐
`toggle`有两个主要用途:一是用来切换元素的可见性,二是绑定多个事件处理函数,并在每次点击时轮流调用它们。在这个案例中,我们将关注第二种用法。 代码实现的基本思路是这样的: 1. **选择元素**:首先,我们...
- jQuery对象与JavaScript对象的区别 - `$`函数的作用:用于选择元素或创建jQuery对象 - `$(document).ready()`:页面加载完成后的执行代码 2. **选择器** - 基本选择器:`#id`, `.class`, `tag` - 层次选择器...
- 触发事件:`.trigger()` 方法可以手动触发事件,如 `.trigger('click')`。 5. **遍历(Traversing)** - 子元素:`.children()`, `.find()`, `.parent()`, `.parents()` 等方法帮助遍历DOM树,查找相关元素。 ...
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] ) ...
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] ) ...
此外,还有`hide()`, `show()`, `toggle()`等用于显示和隐藏元素。 5. 动态效果: jQuery 的动画功能强大,包括`fadeIn()`, `fadeOut()`, `slideToggle()`等平滑过渡效果,以及`animate()`方法用于自定义动画。...
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]) ...
`.show()`, `.hide()`, `.toggle()`则是快速切换元素显示状态的方法。 八、Ajax jQuery的Ajax模块简化了异步数据交互。`.ajax()`, `.get()`, `.post()`等方法用于发送Ajax请求。`.getJSON()`用于获取JSON数据,`....
- `.attr()`:获取或设置元素的属性值,如`$("input").attr("value", "新值")`。 - `.removeAttr()`:移除元素的特定属性。 4. **筛选**: - `.filter()`:根据提供的表达式或函数筛选元素集合。 - `.not()`:...
- 获取/设置属性:`.attr(name)`, `.attr(name, value)` - 删除属性:`.removeAttr(name)` - 数据存储:`.data(key)`, `.data(key, value)`, `.removeData(key)` 4. **CSS操作** - 获取/设置样式:`.css...
- `.triggerHandler()` 方法触发事件并返回事件处理函数的返回值,不同于`.trigger()`,它不会引发冒泡或触发默认行为。 8. **遍历和过滤** - `$.each()` 方法可用于遍历数组和对象,1.6版本中这个功能依然强大。...
**jQuery 1.4.1 速查表与jQuery API** jQuery 是一款高效、简洁的JavaScript库,它极大地简化了JavaScript编程,特别是DOM操作、事件处理、动画制作以及Ajax交互。jQuery 1.4.1 是该库的一个早期版本,尽管现在已经...
- `.trigger(type[, extraParameters])`:手动触发匹配元素上的某个事件。 - `.triggerHandler(type[, extraParameters])`:手动触发匹配元素上的某个事件,但不冒泡也不触发默认行为。 #### 六、动画与效果 ...
**二、CSS 操作与动画** 4. **CSS 操作**:jQuery 可以方便地改变元素的样式,如 `.css({"property": "value"})` 设置多个 CSS 属性,`.addClass()`, `.removeClass()`, `.toggleClass()` 分别用于添加、删除和切换...
- `.attr("attribute", "value")`:设置或获取属性值。 - `.removeAttr("attribute")`:移除属性。 - `.hasClass("class")`:检查元素是否包含指定类。 - `.addClass("class")`:添加类到元素。 - `....
`css()`方法可以设置或获取元素的CSS属性,如`width()`, `height()`获取宽高,`show()`, `hide()`, `toggle()`控制元素的可见性。 七、动画(Animation) jQuery的动画功能强大且灵活,`fadeIn()`, `fadeOut()`, `...