分类目录归档:Jquery

jQuery-强大的jQuery选择器 (详解)

1. 基础选择器 Basics

名称 说明 举例
#id 根据元素Id选择 $(“divId”) 选择ID为divId的元素
element 根据元素的名称选择, $(“a”) 选择所有<a>元素
.class 根据元素的css类选择 $(“.bgRed”) 选择所用CSS类为bgRed的元素
* 选择所有元素 $(“*”)选择页面所有元素
selector1,
selector2,
selectorN
可以将几个选择器用”,”分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容. $(“#divId, a, .bgRed”)

继续阅读

jQuery快速入门避免少走弯路

一、JQuery的环境配置

1、JQuery分为压缩版和非压缩版

2、$=JQuery

3、$(document).ready(funtion(){});  相当于 $(function(){});

4、注释用//

5、DOM对象与JQuery对象的相互转换

var $variable (jquery对象) =$(variable)(Dom对象);

var variable(Dom对象)=$variable[0]或$variable.get(0)  (JQuery对象)

6、与其他JS库冲突的解决(主要是$符号谁生效的问题)

[1]、在其他库之后导入

使用前:先调用jQuery.noconflict(); ————$会被释放给jQuery库, 就是说在使用jquery库之前先声明一下 “我下面要用的是jquery的用法,$符号代表jquery了”

[2]、在其他库之后导入

不必调用jQuery.noconflict(); ,直接用就行了

继续阅读

jQuery实现侧边栏随窗口滚动

 

方法一:

很简单,前提是你的主题必须已加载了jQuery。

把下面代码加到主题头部header.php模版中即可:

  1. <script type=“text/javascript”>
  2. $(function() {

  3. var$sidebar = $(“#sidebar”),
  4. $window = $(window),
  5. offset = $sidebar.offset(),
  6. topPadding = 15;
  7. $window.scroll(function() {
  8. if ($window.scrollTop() > offset.top) {
  9. $sidebar.stop().animate({
  10. marginTop: $window.scrollTop() – offset.top + topPadding
  11. });
  12. } else {
  13. $sidebar.stop().animate({
  14. marginTop: 0
  15. });
  16. }
  17. });
  18. });
  19. </script>

可根据不同的主题模版,自行修改一下其中的DIV标签#sidebar名称。此方法兼容所有浏览器。

演示效果

HotNews主题也可使用该功能,默认是整个侧边栏随窗口滚动,受主题布局功能限制,单独滚动某个模块效果不是很理想。

参考自:http://css-tricks.com/scrollfollow-sidebar/

方法二:

本人未试过,可以自行参阅:js页面滚动时层智能浮动定位实现